Archived

This topic is now archived and is closed to further replies.

  • 0

Changing Font Size in a Post, using Firebug and Custom CSS

Question

Posted · Report post

Trying to change the font size in a page post. First, Firebug highlights the text, and lists in "computed" column a font size. It won't allow a "test" change here. I assume I am looking in the wrong place. How do I find where it will allow a change? Second, for the same issue, tried to put in a custom CSS as follows entry content {font-size 22} This did not change anything. Is format wrong or identifier wrong? Any help would be appreciated. Punsak

Share this post


Link to post
Share on other sites

8 answers to this question

Posted · Report post

I believe "entry" and "content" are both classes, correct? If so, it would look like this:

.entry .content{font-size:22px;}

That's assuming you were trying to use pixels. Now, if one of those is an ID and not a class, you would replace "." with "#". Let us know if you have any further questions.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks so muc. I am quite a beginner and didn't remember the proper syntax. Still something else I am doing isn't working, Tried the following: .entry .content{font-size:22px;} #entry_content {font-size:22px;} #entry .content {font-size:22px;} Perhaps I am not getting to the right class or div? The site I am on is [url=http://twoseasjoin.org/light/] and trying to change the font on the two paragraphs beginning "The Light of Guidance Center..." Again appreciate your help.

Share this post


Link to post
Share on other sites

Posted · Report post

Try this instead:

div.entry_content {font-size:22px;}

But put it in the base.css file (for PlatformBase) rather than the custom CSS.

Share this post


Link to post
Share on other sites

Posted · Report post

Thank you - this helped me get a step further in that I found the div.entry_content entry. Found this .entry_content { font-size: 1.1em; line-height: 1.6em; So I tried to change the "em"-- and this worked fine in Firebug, but when I changed custom CSS it did not. The entry I put in was div.entry_content {font-size:2.0em;} but this didn;t change anything. Close to the answer--now working in Platform Base thanks!

Share this post


Link to post
Share on other sites

Posted · Report post

Hm, try changing it to 2em.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks Catrina-- this didn't do it but when highlighting in Firebug, I chanced to right click on "COPY RULE DECLARATION" and then pasted this into CSS Custom. ..fpost .post-excerpt, .fpost .entry_content { font-size: 1.1em; line-height: 1.6em; } While I don;t quite understand how one would come up with this without Firebug-- it worked, Appreciation to you and Kate.

Share this post


Link to post
Share on other sites

Posted · Report post

Hmmm, perhaps there is another CSS property that needs to be altered...

Share this post


Link to post
Share on other sites

Posted · Report post

Catrina, I'm having the same problem. The issue isn't the CSS markup. The custom css just isn't taking from the field. The only way I've been able to get it to work is to alter the custom.css folder directly in a text editor. I think someone needs to check on what's going on in the back end of the platform pro and base child themes. When you guys solve the issue please let me know. The custom code --> custom css field is useless right now without a fix.

Share this post


Link to post
Share on other sites