Need to change color and size of toolbar items

[Amit27]

Hi, I have added a toolbar in header section. I want to change the color of text( black)  and size less .

Here is my store url

thealbelistudio.com

Please help.

[PageFly-Henry]

Hi @Amit27 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

.menu-toolbar a {

    color: black !important;

    font-size: 12px !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[Moeed · Accepted solution]

Hey @Amit27 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.menu-toolbar li a {
    color: black !important;
    font-size: 12px !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[webwondersco]

@Amit27 Please add the below line of CSS code at the end of your base.css file.

.menu-toolbar li a{
    color:#000;
    font-size:1.4rem;
}

update the font-size as per your taste. e.g 1.5rem,1.6.rem and so on

[Amit27]

Thanks a lot. It worked.

[PageFly-Henry]

Very sorry for my confusion.