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

  1. kremin
    Posted 2 years 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 2 years 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 2 years 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 2 years 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 2 years 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!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic