Re: does anyone know the code to make this 'Sale' category red just the heading

Solved

does anyone know the code to make this 'Sale' category red just the heading

bally
Excursionist
50 0 7
Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2139 616 523

This is an accepted solution.

Hey @bally,

 

 

Where i've written <style>, please write it exactly 

<style>

ThePrimeWeb_0-1716577930096.png

 

Next, why did you paste the same code 4 times? You only need it once.

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 22 (22)

ThePrimeWeb
Shopify Partner
2139 616 523

Hey @bally,

 

If this is a draft theme, can you share the preview link please?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
bally
Excursionist
50 0 7

Hi, its a draft theme sending the link over now https://plugstationuk.com/?_ab=0&_fd=0&_sc=1

 

ThePrimeWeb
Shopify Partner
2139 616 523

That's not the correct link, you should copy the link from here

ThePrimeWeb_0-1716576367002.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
bally
Excursionist
50 0 7
ThePrimeWeb
Shopify Partner
2139 616 523

Hey @bally

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.tabs-nav__item-list button:nth-child(4) {
    color: #ff0000 !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1716576745638.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
bally
Excursionist
50 0 7

so do i delete the one you highlighted in the picture and paste the new one above

 

ThePrimeWeb
Shopify Partner
2139 616 523

No the picture is for you reference on where to paste. The code above the picture is the code you need to paste.

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
bally
Excursionist
50 0 7

 

 

its coming up with this error at the top of the screen 

 Screenshot 2024-05-25 at 02.00.15.png

ThePrimeWeb
Shopify Partner
2139 616 523

How did you paste it? Share the screenshot of the code editor please.

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
bally
Excursionist
50 0 7

sure Screenshot 2024-05-25 at 02.09.13.png

ThePrimeWeb
Shopify Partner
2139 616 523

This is an accepted solution.

Hey @bally,

 

 

Where i've written <style>, please write it exactly 

<style>

ThePrimeWeb_0-1716577930096.png

 

Next, why did you paste the same code 4 times? You only need it once.

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
bally
Excursionist
50 0 7

hi, sorry my bad however ive pasted it once now look.

 

still not workingScreenshot 2024-05-25 at 02.18.58.png

bally
Excursionist
50 0 7

its worked sorry i had to remove the style 

 

bally
Excursionist
50 0 7

can you help me on one more thing whlist your here?

bally
Excursionist
50 0 7

i also need this red

 

Screenshot 2024-05-25 at 02.25.40.png

ThePrimeWeb
Shopify Partner
2139 616 523

Paste this code below the <head> tag, please don't delete or touch anything else.

 

 

<style>
a[href="/collections/sale"] {
    color: red !important;
}
</style>

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
bally
Excursionist
50 0 7

Omg thank you so much. last one i need help with is making the menu text bold aswell like the headings Screenshot 2024-05-25 at 02.38.28.png

ThePrimeWeb
Shopify Partner
2139 616 523

Same thing again, paste it below <head>

 

<style>
li.linklist__item a {
    font-weight: bold !important;
}
</style>
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
bally
Excursionist
50 0 7

its worked but 3 of my categories have gone blank 😞Screenshot 2024-05-25 at 02.43.14.png

bally
Excursionist
50 0 7

also im after this font aswell for the website 

 

this other website has it 

 

Screenshot 2024-05-25 at 02.46.15.png

ThePrimeWeb
Shopify Partner
2139 616 523

They were already blank before I gave you the code when you sent the screenshot?

ThePrimeWeb_0-1716580079994.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
bally
Excursionist
50 0 7

Yes your right.

 

the bold text dissapears on the mobile phone? can this be fixed