• 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)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Could you link the site in question?

    Thread Starter Seminko

    (@seminko)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try these selectors:

    .hentry.no-thumbnail span

    Thread Starter Seminko

    (@seminko)

    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;
    }
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try clearing your browser’s cache.

    Thread Starter Seminko

    (@seminko)

    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…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter Seminko

    (@seminko)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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/

    Thread Starter Seminko

    (@seminko)

    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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter Seminko

    (@seminko)

    I do… please, do educate me ??

    Thread Starter Seminko

    (@seminko)

    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;
    }

    Thread Starter Seminko

    (@seminko)

    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.

    Thread Starter Seminko

    (@seminko)

    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.