WordPress.org

1. ChrisCrinkle
   Member
   Posted 2 years ago #

   I'm just wondering what i should be looking out for in the css to add a font-size statement. I want to alter JUST the main blog font size.

2. Samuel B
   moderator
   Posted 2 years ago #

   I want to alter JUST the main blog font size.

   look for a body statement/section
   #body
   or similar

   if that is what you want - "main blog font size" doesn't tell anyone much

3. ChrisCrinkle
   Member
   Posted 2 years ago #

   lol sorry, i meant the size of the font used in the actual blog post, not the title or footer, the meaty bit!

4. ChrisCrinkle
   Member
   Posted 2 years ago #

   Also, i tried putting the font statement into a body section, it just made the top menu really large, the blog text remained the same.

5. asechrest
   Member
   Posted 2 years ago #

   You need to link your website. Many of the people answering questions here can edit your CSS in real time and help tell you exactly what to do.

6. ChrisCrinkle
   Member
   Posted 2 years ago #

   Here is the website link : http://margaretdrinkall.co.uk/MD/

   Although how you get the CSS from that is beyond me!

7. asechrest
   Member
   Posted 2 years ago #

   You've got the following code overriding your CSS styling:

   <span style="font-size: small; font-family: Times New Roman;">

   This line of code would be located in index.php. Notice how it specifies a font-size of small. Your post content is wrapped in this code.

   After making backup copies of the file, what you could try is removing the <span...> and </span> surrounding the_content() in your index.php file. Then add the following to the entry_content section of your style.css:

   font-size: 1.2em;

   You can adjust that number as you see fit.

   The problem is that <span> section hard-coded into your php file.

8. ChrisCrinkle
   Member
   Posted 2 years ago #

   Can you be more specific where that line is? I have checked index.php, rtl.css and style.css and that line of code isn't in any of them!

9. ChrisCrinkle
   Member
   Posted 2 years ago #

   ALSO "the_content" does not appear at all in the style.css file!

10. asechrest
    Member
    Posted 2 years ago #

    Paste the contents of your index.php and style.css at http://wordpress.pastebin.ca.

    Then link back here.

11. ChrisCrinkle
    Member
    Posted 2 years ago #

    Ok, have done: http://wordpress.pastebin.ca./1442562

    Hope that helps! :S

12. asechrest
    Member
    Posted 2 years ago #

    entry_content is there, line 573 in the pastebin.

    ...but, you're right, the <span> isn't there and I'm not sure where it's coming from. You can even see it when you view your source. I can see it in Firebug, but I don't see it in index.php.

13. ChrisCrinkle
    Member
    Posted 2 years ago #

    does that mean i cannot alter the blog content font size? It's not terrible, but it's a little on the small size. Is there a colour statement i could change? It might not look so bad if it was in high contrast and arial?

14. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

    1. Don't paste content from Microsoft Word into WordPress as the pasted text will also contain Word's own formatting. Sooner or later, this formatting will stop your pages from being displayed correctly (if at all) in Internet Explorer. If you cannot possibly manage without Word, paste your text into NotePad (or another text editor) first, then copy from NotePad into WordPress.

    http://www.getwordpressed.com/learning-wordpress/paste-easily-to-wordpress-from-ms-word/

    The <span> that's causing all of the problems is almost certainly within your post's content and was probably pasted in from Word.

15. asechrest
    Member
    Posted 2 years ago #

    Ahhh, thanks Esmi. That hadn't occurred to me. Thanks for the assist.

    See if you can assist with this one. I offered the correct code but can't seem to get it to tie in with her current template without pushing the sidebar to the bottom. Tried playing around with it in Firebug.

    I'm 0 for 2 today. :(

16. ChrisCrinkle
    Member
    Posted 2 years ago #

    Ok, shoulda checked that but it's the simple things we miss. However now the blog text is arial, really big, and bold. Does anyone know what lines of code i should be changing?

17. ChrisCrinkle
    Member
    Posted 2 years ago #

    UPDATE: Never mind, i figured that out. 'Twas "p { font-size: [...] }" as i should have guessed!

18. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

    You could try editing style.css (line 115)

    p {
    font-size:14px;
    line-height:17px;
    padding-bottom:12px;
    }

    Drop the font-size to something smaller like 12px. Or .8em.

    However, that's going to impact on all <p> tags across the site, so, if it was me, I'd add something like:

    .entry_content p {font-size:80%}

    to the bottom of style.css to reduce the font size within the post area only.

Topic Closed

This topic has been closed to new replies.