Changing the text color in in the header section

Store Design
1

Hello

I want to change the color of the section in the header of the landing page in the slideshow picture with the three women where it says ‘Rosalynn skin (header) ; at home hair removal made easy (subheader) ; show now (button) ;’ changing the color of all the header, subheader, and the button color to white. The issue is from doing it when customizing from the shopify color-chooser it changes the color of ALL the headers, subheaders, and buttons to white, while I only want that specific section to be white color.

Is there any way to change the color of that particular text, without changing the color of the rest of the site? Been working to change this for quite some time would really appreciate some help

(my site is rosalynnskin.com and i am using the debutify theme)

2 Likes
2

@RosalynnSkin

Please share your store URL.

3

@RosalynnSkin

yes please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.hero__inner .hero__title, .hero__inner .hero__text {
color: #ffffff;
}
.hero__inner .btn-outline-primary, .featured a.btn {
background-color:  #ffffff;;
    border-color:  #ffffff;;
}
1 Like
4

Awesome!!

1 Like
5

@KetanKumar

Awesome!!

Thanks so much for that, I just realized that I need to change the color of the text inside the button drop-down to pick the color of the products I’m selling.

That text in there is marked as [page - text] so it also appears blacked out with the button color.

1 Like
6

@RosalynnSkin

thanks for upadte

yes please share if any issue so i will check and provide proepr code

7

Sorry there is actually one issue, when selecting the color of the product the text displaying for the options remains black too with no way to change it without changing all description color, how can I change that text color. you can take a look here at the color selector - https://rosalynnskin.com/products/rosaylnnskin?variant=40421411848376

1 Like
8

@RosalynnSkin

sorry for other issue please share issue images?

9

sure I included a snippet in this document file

10

@KetanKumar

Sure i included a snippet in this document file.

RosalynnSkin_1-1631144144856.png
RosalynnSkin_1-1631144144856.png1580×485 79 KB

1 Like
11

@RosalynnSkin

yes please add this code

.product-single__form .product-form__item .product-form__input {color: #ffffff !important;}