Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   Add text to every post using Css (http://forum.bytesforall.com/showthread.php?t=12588)

PWenk Feb 2, 2011 09:09 AM

Add text to every post using Css
 
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

Marco.s Feb 3, 2011 04:59 PM

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).

PWenk Feb 4, 2011 08:54 AM

Marco, Thank you for your reply, I will play with your code a bit to see how it looks.
Much appreciated


All times are GMT -6. The time now is 11:44 AM.

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