Jump to content
Sign in to follow this  
punsak

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

Recommended Posts

punsak    0
punsak

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
Kate    3
Kate

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
punsak    0
punsak

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
catrina    103
catrina

Try this instead:

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

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


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
punsak    0
punsak

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
punsak    0
punsak

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
steffanantonas    0
steffanantonas

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×