How to increase the...
 
Notifications

[Solved] How to increase the text size of shipping bar ?  

  RSS

the-ecom-man
(@the-ecom-man)
Active Member
Joined: 3 months ago
Posts: 7
08/03/2020 10:18 am  

Hi,

In Plak theme, how do I increase the font size of the extreme top banner which contains ( phone, shipping text & email)?

Thanks

 


Quote
Topic Tags
plaktheme
(@plaktheme)
Customer support Admin
Joined: 5 months ago
Posts: 41
08/03/2020 10:26 am  

Hi,
I order to increase the bellow banner text size, please follow these steps :

  1. From your Shopify dashboard, click Online store => Actions => Edit code
  2. Open the file theme.css.liquid
  3. Search the following CSS code
 .shipping-bar {
text-align : center;
margin-left: 0px !important;
margin-right: 0px !important;
font-size : 13px;
.grid__item {
padding-left: 0px !important;
padding-right: 0px !important;
}
.one-third {
@include media-query($small) {
width: 100%;
}
}
.one-half {
@include media-query($small) {
width: 100%;
}
}
}

 

The default shipping bar text font-size is 13px, you can change it to whatever you desire, for instance :

font-size : 15px;

Katrine| Plak theme support
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as a Solved Solution


Alan Kane liked
ReplyQuote
the-ecom-man
(@the-ecom-man)
Active Member
Joined: 3 months ago
Posts: 7
08/03/2020 12:10 pm  

I made the changes, thanks a lot Katrine


plaktheme liked
ReplyQuote
Share: