How can I edit background colors for text blocks on product pages?

Store Design
1

Hi everyone,

im currently working on my client’s shop.
Under each product i manualy added some text with image sections, but i can not edit them. My client wishes is to make a different backgrounds behind each text in each block with different colors.
Im trying everything i know but my knowledge is not enough. Please could you help me! Thank you so much!
here is link to the page

https://gooddess-by-fit-faces.myshopify.com/collections/product-collection/products/fit-faces-quartz-heart-guasha-face-yoga-course-tool

thank you very much )

2

Plz provide the password for your store.

3

Yes sorry the password is : beauty

4

Thank you soo much for your time! I found the solution)))

5

That’s nice you found a solution here is a CSS code for your help.

/* for first section */
#shopify-section-text-with-image-kinesio > section > div > div.FeatureText__ContentWrapper {
  /* for section background*/
    background: red;     
}

#shopify-section-text-with-image-kinesio > section > div > div.FeatureText__ContentWrapper > div > header > h2 {
  /* for heading color*/
    color: yellow;
}
#shopify-section-text-with-image-kinesio > section > div > div.FeatureText__ContentWrapper > div > header > div {
  /* for text below heading*/
    color: white;
}

/* for second section */
#shopify-section-text-with-image-kinesio-1 > section > div > div.FeatureText__ContentWrapper {
    background: pink;
}
#shopify-section-text-with-image-kinesio-1 > section > div > div.FeatureText__ContentWrapper > div > header > h2 {
    color: magenta;
}
#shopify-section-text-with-image-kinesio-1 > section > div > div.FeatureText__ContentWrapper > div > header > div {
    color: aqua;
}

/* for third section */
#shopify-section-text-with-image-kinesio-2 > section > div > div.FeatureText__ContentWrapper {
    background: pink;
}
#shopify-section-text-with-image-kinesio-2 > section > div > div.FeatureText__ContentWrapper > div > header > h2 {
    color: magenta;
}
#shopify-section-text-with-image-kinesio-2 > section > div > div.FeatureText__ContentWrapper > div > header > div {
    color: aqua;
}

/* for 4th section */
#shopify-section-text-with-image-kinesio-3 > section > div > div.FeatureText__ContentWrapper {
    background: pink;
}
#shopify-section-text-with-image-kinesio-3 > section > div > div.FeatureText__ContentWrapper > div > header > h2 {
    color: magenta;
}
#shopify-section-text-with-image-kinesio-3 > section > div > div.FeatureText__ContentWrapper > div > header > div {
    color: aqua;
}

  
/* for 5th section */
#shopify-section-text-with-image-kinesio-4 > section > div > div.FeatureText__ContentWrapper {
    background: pink;
}
#shopify-section-text-with-image-kinesio-4 > section > div > div.FeatureText__ContentWrapper > div > header > h2 {
    color: magenta;
}
#shopify-section-text-with-image-kinesio-4 > section > div > div.FeatureText__ContentWrapper > div > header > div {
    color: aqua;
}

/* for 6th section */
#shopify-section-text-with-image-kinesio-5 > section > div > div.FeatureText__ContentWrapper {
    background: pink;   
}
#shopify-section-text-with-image-kinesio-5 > section > div > div.FeatureText__ContentWrapper > div > header > h2 {
    color: magenta;
}
#shopify-section-text-with-image-kinesio-5 > section > div > div.FeatureText__ContentWrapper > div > header > div {
    color: aqua;
}
1 Like
6

Thank you so much! thats what i did. :slightly_smiling_face: