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
Tourist
35 0 1
Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2138 615 493

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
2138 615 493

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
Tourist
35 0 1

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

 

ThePrimeWeb
Shopify Partner
2138 615 493

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!
ThePrimeWeb
Shopify Partner
2138 615 493

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
Tourist
35 0 1

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

 

ThePrimeWeb
Shopify Partner
2138 615 493

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
Tourist
35 0 1

 

 

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

 Screenshot 2024-05-25 at 02.00.15.png

ThePrimeWeb
Shopify Partner
2138 615 493

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
Tourist
35 0 1

sure Screenshot 2024-05-25 at 02.09.13.png

ThePrimeWeb
Shopify Partner
2138 615 493

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
Tourist
35 0 1

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

 

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

bally
Tourist
35 0 1

its worked sorry i had to remove the style 

 

bally
Tourist
35 0 1

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

bally
Tourist
35 0 1

i also need this red

 

Screenshot 2024-05-25 at 02.25.40.png

ThePrimeWeb
Shopify Partner
2138 615 493

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
Tourist
35 0 1

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
2138 615 493

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
Tourist
35 0 1

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

bally
Tourist
35 0 1

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
2138 615 493

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
Tourist
35 0 1

Yes your right.

 

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