Navigation bar font doesn't change

[isa1978]

Hello there.
I changed the menu Font and size but they don’t change in the drop down menu and in the first two widget.

thanks a lot
regards
isabella

[ruenel]

Hello Isabella,

Thanks for writing in! I have checked your site and I can tell that you are using a custom css code.
You have used this:

.x-navbar .desktop .sub-menu a {
    font-family: "Indie Flower",handwriting;
    font-style: normal;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.028em;
    text-transform: uppercase;
}

The problem is that, the Google font Indie Flower is not loaded in the page. You have to update it and use this:

@import url('https://fonts.googleapis.com/css?family=Indie+Flower');
.x-navbar .desktop .sub-menu a {
    font-family: "Indie Flower",handwriting;
    font-style: normal;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.028em;
    text-transform: uppercase;
}

We would loved to know if this has work for you. Thank you.

[isa1978]

hello @RueNel
Indie flower is the font that I was using before. I have now used LATO as you can see from the main menu. I need the drop down menu to use Lato as well.

do I need a custom CSS to use it?
thanks
regards

[isa1978]

Hey there
I have solved the above issue correcting the CSS Code with LATO instead of indie flower and changed the size.

Now I have another issue of the same type.

in the side bar widgets I have the widget titles of different sises.

is it possible to have them all around 18 px thanks a lot
cheers
Also the headlines of the índex of the articles didn’t change automatically?

[ruenel]

Hello There,

Thanks for updating in!

1.) I’ve checked most of your pages and I see that the “Most Popular Posts” widget title is different because it is using a 3rd party plugin. To make sure that it is of the same size with the rest of the titles, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

h3.widget-title {
    margin: 0 0 0.5em;
    font-size: 150%;
    line-height: 1;
}

2.) And for the featured contents, you have inserted an inline css to use Merriweather. You will need to edit this page and remove the font you have inserted.

Hope this helps.

[isa1978]

Awesome!
thanks a lot @RueNel
it works

cheers

[rad]

You’re most welcome!