Adding text to header - radiance theme

Highlighted
New Member
9 0 0

Hi there, hopefully an easy question as I am a complete beginner!  Trying to add "Free Shipping to all orders in the UK" to the righthand side of my banner just below the checkout button.

I understand you need to use theme.liquid but that's about it! 

 

Any help would be much appreciated, as I am demented!

 

Store Password - lightroom

0 Likes
Highlighted
Shopify Staff (Retired)
Shopify Staff (Retired)
130 0 19

In theme.liquid, just below this line: "<header id="top" class="clearfix">" add:

<p style="float: right;">Free Shipping to all orders in the UK</p>

Hope that helps! :)

0 Likes
Highlighted
New Member
9 0 0

Thank you very much that worked!  I have spent hours trying to do that!

Sorry to trouble you again, but could you advise me how to format the text the same colour as the main shop header name text?

 

Thanks

 

Paul

0 Likes
Highlighted
Shopify Staff (Retired)
Shopify Staff (Retired)
130 0 19

Hey Paul, 

I would recommend changing that line of code to:

<p class="headingText">Free Shipping to all orders in the UK</p>

At the bottom of the style.scss.liquid asset file, add (you can change the font size here as well):

.headingText {
  float: right;
  color:#498c95;
  font-size: 13px;
}

If you wanted to change the font to match the other headings, you could add this to the headingText style:

font-family: BebasNeueRegular,arial,sans-serif;

 

0 Likes
Highlighted

I'm using the Supply theme but want to do the same thing - add a "FREE Shipping to UK Mainland" to my header just above the main navigation menu. Have taken a look but am thinking things have altered since this post?

New to this but am finding my way around. Not a programmer but have half a brain so can hopefully figure most stuff out.
0 Likes