Support » Theme: Spun » Body Font change

  • Resolved Seminko

    (@seminko)


    Hey guys,

    I am desperately trying to change the font of the pages as it does not support special Czech characters. I was able to change the font for the header, footer and menu but whatever I try I cannot seem to be able to change the font for the pages (title and text).

    Any ideas?

    Thanks

Viewing 15 replies - 1 through 15 (of 17 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Could you link the site in question?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Try these selectors:

    .hentry.no-thumbnail span

    Well, that doesn’t work. Tried putting the following into my CSS Manager but with no avail

    .hentry.no-thumbnail span {
    
    	font-family: Dosis, Helvetica, Arial, sans-serif;
    }
    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Try clearing your browser’s cache.

    Cache cleared, still nothing. 🙁

    EDIT: well that changed the font inside the circles but not on the pages.

    EDIT2: wondering if that could have something do with the fact that the circles on my page represent pages, not posts…

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Can you link to a page that has the font you want to change?

    Well, I want the font to be changed for all the pages, but HERE YOU GO.

    Preferably, the same way it is in the original different font for the entry title and different one for the body of the page.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Open your website in Google Chrome,
    Right click on the element you want to modify,
    Select ‘Inspect element’.

    You should get the selector.

    https://developers.google.com/chrome-developer-tools/

    Been there, tried that… At least I guess, because I’m a real noob at this.

    It says that it should be something to do with this:

    <header class="entry-header">
    		<h1 class="entry-title">Čočka příliš žluťoučká</h1>
    	</header>

    So what do I put in my CSS Manager?

    Thanks

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Do you not have this bit outlined in red http://snag.gy/g0yUB.jpg ?

    I do… please, do educate me 🙂

    Because when I try this:

    .entry-title a {
    	font-family: Dosis, Helvetica, Arial, sans-serif;
    }

    Which should be just the thing to update, I guess, nothing happens.

    EDIT: I got it… I put in the whole paragraph like this:

    .entry-title, .entry-title a {
    color: #444;
    font-family: Dosis, Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-size: 3.2rem;
    font-style: italic;
    line-height: 1em;
    margin: 0 0 20px 0;
    }

    Let me try to update the text beneath the title.

    EDIT1:
    Well, that is the thing I am confused about.
    For the text below there is this:

    media="all"
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    }

    But when I replace “Inherit” with the specific fonts as before, nothing happens.

    Aaaand got it as well, there should have been just ‘p’.

    Thanks Andrew!

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Body Font change’ is closed to new replies.