Change font site title!

  • Resolved 8leo8

    (@8leo8)


    8 years, 4 months ago

    Hi all,
    I have been trying to change the font of my site title all day!
    My menu and slide title use a font called ‘basic title’ which i downloaded from a site a while back. The theme is called Expositio but I can’t find any support for this theme.

    As it stands the site title is in bold; but i want it to be the same at the rest of the menu.

    Do you know how I can unbold my site title? I have pasted relevant code below which might be helpful

    @font-face {
    font-family: ‘basic-title’;
    src: url(‘fonts/basictitlefont-webfont.eot’);
    src: url(‘fonts/basictitlefont-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘fonts/basictitlefont-webfont.woff2’) format(‘woff2’),
    url(‘fonts/basictitlefont-webfont.woff’) format(‘woff’),
    url(‘fonts/basictitlefont-webfont.ttf’) format(‘truetype’),
    url(‘fonts/basictitlefont-webfont.svg#basic_title_fontregular’) format(‘svg’);
    font-weight: normal;
    font-style: normal;
    }

    body {
    font-family: ‘Rubik’, sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    }

    .site {
    opacity: 1;
    padding-top: 5rem;
    }

    .site-header {
    width: 225px;
    }

    .nav-menu {
    font-family: ‘basic-title’;
    }

    .nav-menu li {
    opacity: 1;
    }

    .site-navigation li {
    line-height: 1.8rem;
    margin-top: 15px;
    font-size: 1.3em;
    }

    .current-menu-item > a {
    font-weight: 300;
    list-style-type: disc;
    list-style: disc;
    }

    .nav-menu .dropdown .sub-menu {
    display: none;
    margin-left: 15px;
    }

    .site-navigation li .sub-menu li {
    margin-top: 7px;
    font-size: 0.6em;
    }

    h1, h2, h3, h4 {
    font-weight: 700;
    font-family: ‘Montserrat’, sans-serif;

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • paulwpxp

    (@paulwp)

    8 years, 4 months ago

    This is in html <head>, did you put the custom CSS code in so the site title is using pt mono font?

    
<style type="text/css" id="wp-custom-css">
	.site-title, .site-description { font-family: pt mono; }
</style>

    To unbold the site title, just add this code.

    
	.site-title { font-weight: 100; opacity: 0.7; }

    Please note that the opacity is optional. I put it in because the pt mono looks a bit bold even in normal font weight, lessening the blackness via opacity or (changing font color code) gives it a better look.

    Thread Starter 8leo8

    (@8leo8)

    8 years, 4 months ago

    @paulwp oh my gosh, thank you!

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

The topic ‘Change font site title!’ is closed to new replies.

Tags