Support » Theme: Spun » Changing header/bubble font to match footer?

  • Resolved kremin

    (@kremin)


    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!

    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:
    http://pastebin.com/nzPjhGkZ

    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.