Solved

Need to change color and size of toolbar items

Amit27
Excursionist
16 0 2

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

Amit27_0-1709644341910.png

Here is my store url

 

thealbelistudio.com

 

Please help.

Accepted Solution (1)

Moeed
Shopify Partner
3697 932 1166

This is an 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:

Moeed_0-1709644663655.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 5 (5)

PageFly-Henry
Astronaut
973 277 221

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Moeed
Shopify Partner
3697 932 1166

This is an 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:

Moeed_0-1709644663655.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

webwondersco
Shopify Partner
1036 157 154

@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

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
a small Coffee Tip would be greatly appreciated. 🙂
Amit27
Excursionist
16 0 2

Thanks a lot. It worked.

PageFly-Henry
Astronaut
973 277 221

Very sorry for my confusion.

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.