How can I alter the color of a specific text and button?

Dispomal
Excursionist
64 0 5

Hi!

Is there anyone who knows how i could change the color on just this specific text part and also the button shown in the printscreen?  URL https://tvxmn5uyemc4p1c0-56470536270.shopifypreview.com

 

Dispomal_0-1709482808312.png

 

Replies 5 (5)

deepaksharma
Shopify Partner
443 61 90

Yes of course if you want to change the color of the specific text you can give them a new class of your choice and then add css to change the color of your choice.
I understand you want to change the color of some specific text only not the whole store, If you need any further assistance feel free to contact me on mail or Whatsapp down below.

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
Dispomal
Excursionist
64 0 5

how would this solution help me?

deepaksharma
Shopify Partner
443 61 90

You will need to edit the code section from theme code editor, if you want to change the color of specific text only across the website.

but if you want to change the color of all the text in entire website you can edit from theme customization.

Since you are using shining theme you can contact Inspiredtheme customer service 

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
Dispomal
Excursionist
64 0 5

How do i Edit the code to change the color on just one of the text squares?

deepaksharma
Shopify Partner
443 61 90

Hello

Open theme code editor and find the code below

<button type="submit" name="add" class="product-form__submit custom-color-text button button--full-width 
                         
                         button--primary gradient color-background-2">

and right next to class="product-form__submit write "custom-clr"
it should look like this

<button type="submit" name="add" class="product-form__submit custom-clr custom-color-text button button--full-width 
                         
                         button--primary gradient color-background-2">

 

then open theme.css file in code editor and paste below code

.custom-clr{
  color: red !important;
}

 

you can replace the color of your choice and for the text below find

<p class="product__text">

and add custom-clr here as well if you want to keep the same color as the button text then it should look like

<p class="product__text custom-clr">

 

By using these step you are able to change the color of the text and the txt inside the button easily.

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com