• Resolved michoubonn

    (@michoubonn)


    Hi,

    I use Kale for some time and I love it although I don’t need the pro version, sorry for that.
    But I do have on problem: I changed the tagline to no change (no lowercase for me) and now the title of the site is bold and I cannot change it. Would you please help me with it?
    Thanks 🙂

    (and sorry again 😉 )

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

Viewing 15 replies - 1 through 15 (of 19 total)
  • Hi @michoubonn.

    Thank you for contacting us and for using our theme.

    This is how your website looks like on my side – https://prnt.sc/jf99sp

    Could you tell me what exactly you’re trying to achieve, and what CSS (if any) you’ve added to the Additional CSS?

    Kind regards.

    Thread Starter michoubonn

    (@michoubonn)

    Hi, thanks for your help. The font is bold which I don’t like and I don’t know why. I added these lines to the CSS:
    .entry-content p {text-align: justify;}
    .post {text-align: justify;}
    .page {text-align: justify;}
    .attachment {text-align: justify;}

    /* caveat-regular – latin */
    @font-face {
    font-family: ‘Caveat’;
    font-style: normal;
    font-weight: 400;
    src: url(‘../fonts/caveat-v4-latin-regular.eot’); /* IE9 Compat Modes */
    src: local(‘Caveat Regular’), local(‘Caveat-Regular’),
    url(‘../fonts/caveat-v4-latin-regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
    url(‘../fonts/caveat-v4-latin-regular.woff2’) format(‘woff2’), /* Super Modern Browsers */
    url(‘../fonts/caveat-v4-latin-regular.woff’) format(‘woff’), /* Modern Browsers */
    url(‘../fonts/caveat-v4-latin-regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
    url(‘../fonts/caveat-v4-latin-regular.svg#Caveat’) format(‘svg’); /* Legacy iOS */
    }

    /* caveat-700 – latin */
    @font-face {
    font-family: ‘Caveat’;
    font-style: normal;
    font-weight: 700;
    src: url(‘../fonts/caveat-v4-latin-700.eot’); /* IE9 Compat Modes */
    src: local(‘Caveat Bold’), local(‘Caveat-Bold’),
    url(‘../fonts/caveat-v4-latin-700.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
    url(‘../fonts/caveat-v4-latin-700.woff2’) format(‘woff2’), /* Super Modern Browsers */
    url(‘../fonts/caveat-v4-latin-700.woff’) format(‘woff’), /* Modern Browsers */
    url(‘../fonts/caveat-v4-latin-700.ttf’) format(‘truetype’), /* Safari, Android, iOS */
    url(‘../fonts/caveat-v4-latin-700.svg#Caveat’) format(‘svg’); /* Legacy iOS */
    }

    /* raleway-regular – latin */
    @font-face {
    font-family: ‘Raleway’;
    font-style: normal;
    font-weight: 400;
    src: url(‘../fonts/raleway-v12-latin-regular.eot’); /* IE9 Compat Modes */
    src: local(‘Raleway’), local(‘Raleway-Regular’),
    url(‘../fonts/raleway-v12-latin-regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
    url(‘../fonts/raleway-v12-latin-regular.woff2’) format(‘woff2’), /* Super Modern Browsers */
    url(‘../fonts/raleway-v12-latin-regular.woff’) format(‘woff’), /* Modern Browsers */
    url(‘../fonts/raleway-v12-latin-regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
    url(‘../fonts/raleway-v12-latin-regular.svg#Raleway’) format(‘svg’); /* Legacy iOS */
    }
    /* lato-regular – latin */
    @font-face {
    font-family: ‘Lato’;
    font-style: normal;
    font-weight: 400;
    src: url(‘../fonts/lato-v14-latin-regular.eot’); /* IE9 Compat Modes */
    src: local(‘Lato Regular’), local(‘Lato-Regular’),
    url(‘../fonts/lato-v14-latin-regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
    url(‘../fonts/lato-v14-latin-regular.woff2’) format(‘woff2’), /* Super Modern Browsers */
    url(‘../fonts/lato-v14-latin-regular.woff’) format(‘woff’), /* Modern Browsers */
    url(‘../fonts/lato-v14-latin-regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
    url(‘../fonts/lato-v14-latin-regular.svg#Lato’) format(‘svg’); /* Legacy iOS */
    }
    /* montserrat-regular – latin */
    @font-face {
    font-family: ‘Montserrat’;
    font-style: normal;
    font-weight: 400;
    src: url(‘../fonts/montserrat-v12-latin-regular.eot’); /* IE9 Compat Modes */
    src: local(‘Montserrat Regular’), local(‘Montserrat-Regular’),
    url(‘../fonts/montserrat-v12-latin-regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
    url(‘../fonts/montserrat-v12-latin-regular.woff2’) format(‘woff2’), /* Super Modern Browsers */
    url(‘../fonts/montserrat-v12-latin-regular.woff’) format(‘woff’), /* Modern Browsers */
    url(‘../fonts/montserrat-v12-latin-regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
    url(‘../fonts/montserrat-v12-latin-regular.svg#Montserrat’) format(‘svg’); /* Legacy iOS */
    }
    /* tagline */
    .tagline {
    font-size: 20px;
    }

    /* caption */
    .frontpage-slider .caption
    h2 {
    font-size: 30px;
    }

    /* post title */
    .entry-title {
    font-size: 16px;

    }

    /* post content and single post content */
    .entry-summary, .single-content {
    font-size: 14px;
    line-height: 24px;
    }

    /* text in widgets */
    body {
    font-size: 12px;
    }

    /* widget title */
    h3.widget-title {
    font-size: 17px;
    }

    /* footer widgets lists */
    .footer-widgets ul li a {
    font-size: 15px;
    }
    .frontpage-slider .caption h2 { text-transform: none; } .frontpage-slider .caption .read-more { text-transform: none; } .tagline p { text-transform: none; }
    .logo .header-logo-text {
    text-transform: capitalize; font-size: 49px;

    }

    I do have another website emma-schumacher.de which has the same additions to the CSS but the title is fine.

    Hi @michoubonn,

    I noticed that you’re using local Raleway font which should have font-weight 200. Can you comment out or remove the lines responsible for loading Raleway from your server inside Appearance → Customize → Additional CSS and see if this helps?

    Kind regards

    Thread Starter michoubonn

    (@michoubonn)

    Hi 🙂
    With the new rules concerning user data I removed every reference to and from google so I needed to load the fonts on my server.
    I changed the font-weight. Funnily enough the title trembled for a second but remains bold.

    As far as I can see, the font weight of the logo text is 200. And that equals “normal” text.

    Unrelated to the actual subject, I really see no connection between that EU law about user data and usage of Google fonts from Google’s server.

    Thread Starter michoubonn

    (@michoubonn)

    Well, the connection is that google is a third party that gathers information about the blog’s reader (ip adress, location and the surfing behaviour as far as I understand it). So I would need a contract with google and opt-out plug-ins and what the heck. So I just changed it to what you see. And it works on the other blog.
    Even if I change the weight it doesn’t make a difference . it won’t get fatter or thinner.

    Could be, though I haven’t understood it that way, then again since I’m not in EU nor I’m a business owner, I don’t quite care either. 🙂

    On a related side, this CSS will make the title bold(er):

    .logo .header-logo-text {
        font-weight: 900;
    }

    Kind regards.

    Thread Starter michoubonn

    (@michoubonn)

    🙂 I don’t do business either. It concerns everybody who is out there gathering data. We’ll see how it works because as a user I really hate that I get ads wherever I go because google and FB like to follow me. But those big players will find a way around it, I guess.
    Oh, making it bolder works but I cannot make it thinner 🙁 Bugger! 😀
    Thanks for your help 🙂

    Ah, privacy on the Internet… Unfortunately, no such thing. 😉

    Regarding the font-weight, you can change it to 100, but I doubt you’ll see any difference. While 900 is the boldest setting.

    IMHO, in this case, I think there’s something wrong somewhere in your local implementation of Google fonts.

    If you go to http://demo.lyrathemes.com/kale/ look at the title and then look at the CSS affecting it, shown here:

    .logo .header-logo-text {
    	line-height: 60px;
    	font-size: 60px;
    	font-weight: 200;
    	font-family: 'Raleway', sans-serif;
    	text-transform: uppercase;
    }

    and compare it with yours, something somewhere obviously doesn’t fit. 🙁

    Thread Starter michoubonn

    (@michoubonn)

    Yes. That is what bothers me. I just don’t know what happened. It doesn’t matter which font I use – they are all bold. 🙁

    Thread Starter michoubonn

    (@michoubonn)

    I got it – I only used the snippet for raleway 100 now and that did it. Thanks for your patience 🙂

    You’re welcome. 🙂

    Glad that you’ve made it work.

    Could you please mark this thread as “Resolved”.

    Thank you.

    Thread Starter michoubonn

    (@michoubonn)

    Of course although now I do have the trouble with the second blog. It is on the same server and has the same css 😀

    Thread Starter michoubonn

    (@michoubonn)

    Forgot the check.

    michoubonn (@michoubonn) can i ask you wich plug in you uses to put social icons on uop left?

    thanks a lot

Viewing 15 replies - 1 through 15 (of 19 total)

The topic ‘Title font weight’ is closed to new replies.