How to increase header letter spacing in Be Yours theme?

Store Design
,
1

Hi There!
I’m currently building our shop on the Be Yours theme and I’d love to know how to increase the spacing between the letters on the headers (all pages). Our business branding has a font spacing so I’m keen to replicate this.

This is our website. https://eventwandererco-4359.myshopify.com/collections/invitations

Does anyone know a CSS code that would help me achieve this. Thanks!

2

Once you Log in to the Admin, then process the following steps:

Step 1: Go to Dashboard ->Online Store ->Theme-> Action->Edit code->

Step 2: Search the file base.css

Step 3: Paste the below code at bottom of the file → Save

h1,h2,h3,h4,h5,h6
{
	    letter-spacing: 2px;
}

Output:

WebDeskSolution_0-1673079889417.png
WebDeskSolution_0-1673079889417.png1600×655 86.1 KB

If you find our reply helpful, please hit Like and Mark it as a Solution.

An award-winning North American Shopify Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.

3

Hi @EventWandererCo ,

Add this CSS code Online Store > Themes > Edit code > Assets > custom.css or theme.css

.header__menu-item .label { letter-spacing: 5px; }
4

Hi @EventWandererCo

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets ->base.css

.header__menu-item--top .label {
    letter-spacing: 5px !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

5

Brilliant, this worked thank you so much!

1 Like