How Can We Help?

Search Plak article

Can’t Find an Answer ?

How to change the dynamic shipping top banner text size ?

You are here:
← All Topics

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

top banner plak theme
  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;

[yasr_visitor_votes]

Table of Contents