How to change the dynamic shipping top banner text size ?

You are here:
← All Topics
Table of Contents

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;
Click to rate this post!
[Total: 1 Average: 5]

Leave a Reply

Your email address will not be published. Required fields are marked *