Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

Add text to every post using Css


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 2, 2011, 09:09 AM
PWenk
 
2 posts · Feb 2011
Hello,

I would like to add font size 14 quotation marks before first character and after last character of every post automatically.

example
before
This is a test post

Result
"This is a test post"

i have tried adding the quotation marks in The Loop section, however it does not line up properly.
can anyone help point me in the right direction?
thank you
  #2  
Old Feb 3, 2011, 04:59 PM
Marco.s
 
10 posts · Feb 2011
You could use :before and :after pseudo elements.

I'm not sure it will show the way you want, but this should be the closest you could get to it:

Code:
div.post-bodycopy p:before {
content:"\000022";
font-size:14px;
padding-right:5px;
}

div.post-bodycopy p:after  {
content:"\000022";
font-size:14px;
padding-left:5px;
}
keep in mind that this will apply to all paragraphs in the post.

An attempt could be done even with div.post-bodycopy:before and some relative positioning play, if you wish, to move the quote closer to the text.


Since I couldn't place the quotation mark in the content: , had to escape that character (that's where the \000022 comes from).
  #3  
Old Feb 4, 2011, 08:54 AM
PWenk
 
2 posts · Feb 2011
Marco, Thank you for your reply, I will play with your code a bit to see how it looks.
Much appreciated

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] 3.5.3 Default text in ATO>Add HTML/CSS Inserts>CSS Inserts boris_mcnorris New Versions, & Updating 4 Oct 16, 2010 03:57 PM
ADD HTML/CSS Inserts -- 3.5.1 --- Need to remove default CSS Inserts ortho New Versions, & Updating 0 Jun 23, 2010 03:17 PM
Add code after post text but before the tags section Wonderbaum Post-Kicker, -Byline & -Footer 2 May 22, 2010 06:02 PM
How can I add an image to a post and have it "float" so the text wraps around it? scrubbs Excerpts, Read more, Pagination 17 Nov 25, 2009 01:35 PM


All times are GMT -6. The time now is 08:55 PM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.