Changing header/bubble font to match footer?

  • Resolved kremin

    (@kremin)


    11 years, 3 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!

Viewing 4 replies - 1 through 4 (of 4 total)

  • 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!

    Thread Starter kremin

    (@kremin)

    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!

    ok, try this:

    .site-title{
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:
    https://pastebin.com/nzPjhGkZ

    Thread Starter kremin

    (@kremin)

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing header/bubble font to match footer?’ is closed to new replies.

Tags