Change Text Color in Navigation Bar in Hexa Template

alyssalxy · Member · Jun 13, 2014 at 3:14 am
Copy link

Add topic to favorites
anyone knows how to change the text color in vavigation bar in hexa template?

also, i want to make my blog title bigger (Says Alyssa on the top). any idea of how i can do that?

The blog I need help with is: (visible only to logged in users)
vinoddalvi · Member · Jun 13, 2014 at 5:10 am
Copy link
Hi @alyssalxy,

I hope you are well today and thank you for your question.

You can change the text color in navigation bar displayed in various link states and make my blog title bigger by using the following CSS code.

To use this code in your site go to Appearance > Customize > CSS in the admin area, delete all the informational text in that window, and paste in the following custom CSS code.

To add Custom CSS you’ll need the Custom Design upgrade, which you can purchase in your dashboard under Store.
```
/* Normal color */
.main-navigation a {
     color: #AD5600;
}
/* Hover color */
.main-navigation a:hover {
     color: #fff;
}
/* Visited color */
.main-navigation a:visited {
    color: #595959;
}

.site-branding h1.site-title {
     font-size: 50px;
}
```
Change the values of colors and font size in the above code to whatever you want to use.

Best Regards,
Vinod Dalvi

No items found.