WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Change font in posts (26 posts)

  1. sillypad
    Member
    Posted 7 months ago #

    I want to change the font in my posts. I installed the google fonts plugin and don't see any option to select the font when I'm editing the post. I also installed the CSS plugin and tried using this script to change the font but it hasn't changed anything either. Is there another option? What am I doing wrong?

    I went to Appearance - Custom CSS Manager - pasted this:

    body {
    font-family: Tahoma, Verdana, Arial, Helvetica, Futura, sans-serif;
    font-size: 16px;
    padding: 0;
    margin: 0;
    }

  2. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 7 months ago #

    Let's see your site.

  3. sillypad
    Member
    Posted 7 months ago #

  4. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 7 months ago #

    Looks like the CSS you need to target is this:

    .entry-content,
    .entry-summary

    E.g;

    .entry-content,
    .entry-summary {
     font-family: Tahoma;
    }
  5. sillypad
    Member
    Posted 7 months ago #

    thank you thank you thank you!! that worked perfectly!

    i also want to change the darkness of the font in the homepage for the 4 items below. it's too light before the hover:
    1. Homepage name
    2. "About" link
    3. "Home" link
    4. "+" sign at the bottom of the page

    can i ask for your help here or start a new thread?

  6. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 7 months ago #

    You can continue this thread.

    It's worth also reading up on CSS specificity and getting familiar with a tool like Firebug to help you with these queries.

  7. sillypad
    Member
    Posted 7 months ago #

    how do i also change the font of the "About" and "Home" links on the home page?

  8. sillypad
    Member
    Posted 7 months ago #

    I downloaded Firebug and tried to find the code to alter. I thought it would be this code below (to change the font color for "About" and "Home" links). So I pasted it to the Custom CSS Manager. But nothing happened...

    .main-navigation a {
    color: #6E6E6E;
    display: block;
    text-decoration: none;

  9. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 7 months ago #

    The colour turned to #6e6e6e on my screen (a slightly darker shade of grey than before). Did you clear your browser's cache?

  10. sillypad
    Member
    Posted 7 months ago #

    That's strange. Before you hover, did it turn to a darker shade or after you hover? I was trying to make it easier to see before the hover over.

  11. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 7 months ago #

    Then try increasing the opacity on the header:

    #masthead { opacity: 1; }
  12. sillypad
    Member
    Posted 7 months ago #

    I pasted that into the CSS Manager but I don't see any changes. Do you?

  13. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 7 months ago #

    Doesn't look like it's in your Custom CSS Manager
    http://theartofmotherhood.com/?custom-css=1&csblog=1&cscache=6&csrev=7

  14. sillypad
    Member
    Posted 7 months ago #

    I pasted it into the Appearance/Custom CSS Manager but if you don't see it, it looks like I need to put it into Appearance/Edit CSS instead. Does that sound right?

  15. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 7 months ago #

    I don't know, sorry, I was just going on that you had a Custom CSS Manager plugin.

  16. sillypad
    Member
    Posted 7 months ago #

    Ok I just checked and I was missing a closing bracket, so it works in Custom CSS Manager now!

    I tried using the firebug plugin (which is AWESOME!) but couldn't figure out how to change the color of the circle for the "+" sign at the bottom of the page. Or increase opacity?

  17. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 7 months ago #

    The + sign goes on a background colour, so this CSS should work:

    .sidebar-link { background: #333; }
  18. sillypad
    Member
    Posted 7 months ago #

    yes it does - you have been so helpful. thanks andrew!!

  19. sillypad
    Member
    Posted 7 months ago #

    the link to comment on the post is hidden unless you hover right over it. how do i change this? is it an opacity issue or a footer issue?

  20. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 7 months ago #

    Can you link the page with the issue?

  21. sillypad
    Member
    Posted 7 months ago #

    http://theartofmotherhood.com/2013/09/09/hello-world/

    I was able to increase the opacity to the "+" comment link, but is there a way to change the darkness of the link so it's more visible?

  22. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 7 months ago #

    Try adding a darker background to it, e.g;

    .comments-link a { background: #333; }
  23. sillypad
    Member
    Posted 7 months ago #

    Perfect - thank you!

    Is there a way to remove the "Home" link at the top right too?

    http://theartofmotherhood.com/

  24. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 7 months ago #

    Set up a custom menu through the dashboard, under Appearance > Menus
    http://codex.wordpress.org/Appearance_Menus_Screen

    Then only add the menu items you want.

  25. sillypad
    Member
    Posted 7 months ago #

    that worked, but when viewing the page on mobile device, the "About TAOM" link shows up as "Menu" instead. did i do something wrong?

    also, is there a way to add a text hover-over to the "+" comment icon to say "Add a comment"? i'm getting feedback that people didn't know where to leave comments.

  26. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 7 months ago #

    I think you need to create new threads for these issues.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.