Change background colors for same sections used more than once

Faaqaaf
New Member
11 0 0

I need to change background colors for the same sections used more than once.

How can I do this?

 

EXAMPLE:

First-time use -

.featured-row-section {
background-color: #f5e0f7!important;
}

 

Second-time use -

 

.featured-row-section {
background-color: #010101!important;
}

0 Likes
paramSoft
Shopify Partner
1452 235 643

Please provide website url and if your store is password protected then also provide password
And also provide that same sections which you want to change the background color

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
Faaqaaf
New Member
11 0 0

well I know how to change the background color of any section, but I want to be able to change the color for the same section but for different content. 

do I have to duplicate the section in the code area for that section and rename it? then CSS coding for each section name for the color, etc? BUT then if i do that, how do i have the duplicated section show in editor to use the section?

0 Likes
paramSoft
Shopify Partner
1452 235 643

You just need to give css to class of that section.

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
Faaqaaf
New Member
11 0 0

i dont think you understand my question. 

 

i know i have to do that.

 

ok so,

i want to use the same section, but 2 or 3 times, and all different background colors for different content.

so pretend i want to use section: featured product, but 3 time on the home page, and all with different background colors.

 

does this make more sence?

0 Likes
suyash1
Shopify Partner
1994 204 304

@Faaqaaf - you can use section multiple times on home page with different background colors.

Shopify adds different section id for each section and using each id you can set different background color using css.

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes
Faaqaaf
New Member
11 0 0

unfortunately its not the same for a 3rd party theme. its all the same id

0 Likes
suyash1
Shopify Partner
1994 204 304

@Faaqaaf - can you please share link? have you tried pseudo css?

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes
Faaqaaf
New Member
11 0 0

Id prefer not too share my store.

here some code for a section. 

<div id="section-{{ section.id }}" class="{{ section.settings.section_style }}" data-section-id="{{ section.id }}" data-section-type="featured-row-section">
<div class="box">
<div class="wrapper">

 

0 Likes
suyash1
Shopify Partner
1994 204 304

@Faaqaaf - difficult to tell from this code, as section id can be different for all, you need to set css for it

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes