Ready to get started?Download WordPress


[resolved] Changing header/bubble font to match footer? (5 posts)

  1. kremin
    Posted 11 months ago #

    I'm using a child theme and I have the customer CSS manager installed, but I'm still having a bit of bad luck when it comes to fonts. How would I get the blog title and text that appears in the bubbles to match the default Spun footer font? Part of the problem is that I can't figure out which font is the default footer font!

  2. vicdm
    Posted 11 months ago #

    The default footer font is:
    Quicksand, Helvetica, Arial, sans-serif

    The CSS classes to change are:
    .site-title{} and .hentry.no-thumbnail span{}

    Hope this helps!

  3. kremin
    Posted 11 months ago #

    Alright! So far no luck; here is the code I inputted into the CSS Manager:

    .site-title{font-family: "Quicksand", "Helvetica", "arial", "sans-serif"}
    .hentry.no-thumbnail span{font-family: "Quicksand", "Helvetica", "arial", "sans-serif"}

    This DID change the header text, but it is different from the footer, and the text that appears when you mouseover the images has not changed - maybe I should've been more specific about the bubbles!

  4. vicdm
    Posted 11 months ago #

    ok, try this:

    font-family: Quicksand, Helvetica, Arial, sans-serif;
    font-style: normal;
    -webkit-text-stroke: .35px;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;

    In your style.css replace the .blog .hentry span.hometitle{} with this:

  5. kremin
    Posted 11 months ago #

    This worked like a charm, thank you so much. I'm tweaking the font size in both instances but otherwise this is totally perfect!


You must log in to post.

About this Theme

About this Topic