Ask your WordPress questions! Pay money and get answers fast! (more info)

How to find font element to edit in css WordPress

  • SOLVED

Hi Guys

This is a basic question about changing the font size.

I cannot find the correct body font element in the css file to edit. When I look at the paragraph with Firebug I see the the font is declared in the body class within the page source (which is strange)

Where do i find this html to edit it? I have looked at all the php files in the editor but no joy

Here's a quick video to explain

http://screencast.com/t/c6jKK9wnV

I hope that makes sense :)

Steve

Answers (9)

2014-02-04

Sébastien | French WordpressDesigner answers:

the css inline is probably add by a jquery script


Steve Watson comments:

Yes i'm using the Chrome equivelent to Firebug but do not understand what I am seeing, hence the question...


Sébastien | French WordpressDesigner comments:

I see "data-twttr-rendered" on body
you have probably a jquery adding a css inline on your BODY
maybe a jquery twitter script


Sébastien | French WordpressDesigner comments:

you can add this in your css

body[style] {
font-size: 14px !important;
}


Sébastien | French WordpressDesigner comments:

if you want more explanations about Override Inline Styles with CSS

[[LINK href="http://css-tricks.com/override-inline-styles-with-css/"]]http://css-tricks.com/override-inline-styles-with-css/[[/LINK]]


Steve Watson comments:

Thanks Sebastien

2014-02-04

Hariprasad Vijayan answers:

Hello Steve,

Check your theme settings, hope you can find an option to change font size in theme settings.


Hariprasad Vijayan comments:

Did you find an option in theme settings to change font size? "intrepidity" them have an option for changing font size in theme settings you can change it from there. Or still need to over ride css?

Let me know if you need any help in it.

2014-02-04

Sabby Sam answers:

Hi Steve,
It seems its creating dynamic or it is statistic given in header.php.
Please double check it.
also you can give the code depends on your choice.
for eg :
body {
font-size:14px !important;
}

the important will overwrite the new style css.

2014-02-04

Francisco Javier Carazo Gil answers:

You can change for example the rule for .entry_content


.entry_content{
text-size:13px;
}


Francisco Javier Carazo Gil comments:

A good article to understand css specificity http://www.adobe.com/devnet/dreamweaver/articles/css_specificity.html

And a chart: http://www.standardista.com/wp-content/uploads/2012/01/specifishity1.pdf


Francisco Javier Carazo Gil comments:

You can create new rules like:

.entry_content p{
your rules
}

2014-02-04

Balanean Corneliu answers:

To change that text add font-size:your size here:

.entry_content {
clear: both;
font-size: your size (ex. 12px)
margin: 0 0 0 84px;
}

here: http://www.sallykirkman.com/wp-content/themes/intrepidity/style.css

2014-02-04

Arnav Joy answers:

Hello Steve ,

In firefox when you see compound properties you can details of the things effecting any element .

Check attached screenshot.

2014-02-04

Firoja_Imtosupport answers:

Hi Steve,

I went through your screencast, I found, That you are using intrepidity theme. In this theme, In header.php you can see below code:
$body_css .= (get_option('tbf1_font_size')) ? 'font-size:'.get_option('tbf1_font_size'). ';' : ''; here you can change it to
$body_css .= (get_option('tbf1_font_size')) ? 'font-size:13px;' : '';

Please review and let me know if you were looking for anything else.

Thanks.


Firoja_Imtosupport comments:

Hi Steve,

Instead of overwritting css, we can solve the actual issue please try below code and let me know if it doesn't work.
I went through your screencast, I found, That you are using intrepidity theme. In this theme, In header.php you can see below code:
$body_css .= (get_option('tbf1_font_size')) ? 'font-size:'.get_option('tbf1_font_size'). ';' : ''; here you can change it to
$body_css .= (get_option('tbf1_font_size')) ? 'font-size:13px;' : '';(font size whatever you want)

Thanks

2014-02-05

Ryan S answers:

I've check your video and here's what I can suggest, add this code into your theme style.css file


.entry_content p{ font-size: 16px; } // you can play the font-size to suit your need


If the above code didn't work, just simply add !important rules

.entry_content p{ font-size: 16px !important; } // more info can be found here http://www.w3.org/TR/CSS2/cascade.html#important-rules



See screenshot attached

2014-02-05

Deepak answers:

I think this may be help you

.entry_content {font-size: 14px;clear: both;margin: 0 0 0 84px;}

OR

p {

font-size: make your font size (ex. 14px) !important;

}