WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. kremin
    Member
    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
    Member
    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
    Member
    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
    Member
    Posted 11 months ago #

    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

  5. kremin
    Member
    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!

Reply

You must log in to post.

About this Theme

About this Topic

Tags