Change description to uppercase on product page

Solved
Tourist
11 1 1

Hi 

 

I am using the streamline theme and have created tabs on my product page. I am wanting to change the colour of these tab titles so they stand out more, so if anyone knows how what changes I need to do make, to do this - that would be fab

 

Thanks so much in advance  

 

0 Likes

Success.

Shopify Partner
227 31 55

Add this to bottom of your 'theme.scss.liquid' file:

 

.collapsible-trigger {
    color: #0000ff;
}

Change  the hex value (#) to whatever colour you want the text to be.

If helpful then please Like and Accept Solution
1 Like

Success.

Tourist
11 1 1

Thanks so much Jon - this is perfect.

 

Whilst I have you, I don't suppose you know how to increase the padding between the tabs and the review section  on my site (shopify review app)? So more space after the 'safety warnings/ line' and before the 'customer reviews'. See attached, it looks even worse on mobile.

 

Ideally I want the reviews further down the page but that is for another day...

 

Thanks

Jess

 

 

Screen Shot 2020-01-12 at 16.14.37.png

0 Likes

Success.

Shopify Partner
227 31 55

No problem.

 

Re reviews and spacing. Add this to the bottom of same file (theme.scss.liquid)

 

#shopify-product-reviews {
    padding-top: 50px;
}

increase/decrease the number '50px' until you are happy with the spacing.

If helpful then please Like and Accept Solution
1 Like
Shopify Partner
227 31 55

BTW - meant to say what a beautiful job you've done on your website design, it looks excellent.

If helpful then please Like and Accept Solution
1 Like
Tourist
11 1 1

You are a superstar, thanks so much for such a quick response Jon. This worked perfectly.

If you do know how to move the reviews further down the page that would be fab. They sit under the product section and are coded into theme so can't move them within the theme editor.  I still want the stars at the top under the product name.

 

Let me know when you have launched neural candy and take on freelance work :) 

0 Likes