Title and menu

I want to change the style (text size, bold,font type ) of the title of my site and the style of the links of the menu on the top (text size,bold,font type). My site is tabom.pt and i am using the sparkling theme. Can you help me how can i change the style of the title and top menu links…

Thanks.

Hey there

You can use this CSS code as reference:

.navbar-default .navbar-nav > li > a {
color: #F5F7FA;
line-height: 40px;
text-transform: uppercase;
font-size: 12px;
}

these are default values so you have to change them according to your needs

Hi There,

Thanks for the mail.

You can modify the title font and styles by using the following CSS classes.

.navbar > .container .navbar-brand {
color:blue;
font-size: 200%;
}

as for the links, use this classes,

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav.sparkling-mobile-menu > li:hover > a, .navbar-default .navbar-nav.sparkling-mobile-menu > li:hover > .caret, .navbar-default .navbar-nav > li, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
   font-size: 200%;
}

Do let me know if you get stuck :slight_smile:

Hello!

Thanks for your help!
But when i open a link like: https://tabom.pt/2019/09/26/hello-world/ the title of the blog stays smail again.

Thanks

Hey there

Title of blog posts, site title, and menu texts are different things and they need different custom CSS codes, try this now:

.entry-title {
color: #444;
font-size: 34px;
}

Hello, my problem it’s not the title of the post but the title of the blog!
When i am on the home page https://tabom.pt/ the title of the blog its big but when i open a page or a post the title of the blog becomes smal again as you can see at https://tabom.pt/2019/09/26/hello-world/. When i open a page or a blog post the title of the blog becomes small again.

Thanks!

Good morning, ok, please try this CSS code:

.single-post .entry-title {
font-size: 35px;
}

Good afternoon,

First thanks for the help. But the blog title when I open a
post or page is always smaller as you can see in the attached image. I already tried all the codes you said.

Best regards.

Hi There,

Kindly try removing the previously shared custom CSS and use the following.

.navbar-brand {
    font-size: 56px !important;
}

Let me know how it goes.

Hello!

Now it works good!

Thanks!

Ok, I will close this case now, Feel free to contact us again if you have other questions

Thanks!