debut Theme: ONLY Featured Collection full width and background color change

sombersea
New Member
4 0 0

Hi there,

           Im trying since days now to change the

  • width of ONLY featured collection in debut theme.
  • I want the products to have padding of only 5 px across screan on both left and right side.
  • I also want to change the background color of featured collection ONLY. I dont want to change the white background color of each product card, ONLY the whole featured collection portion.

Kindly help. 

Thanks in advance

 

0 Likes
Propero
Shopify Partner
685 80 117

Please share your store URL so that someone can suggest you right css 

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution

To hire: email us at shopify@propero.in

Skype : lokendra.panwar1
0 Likes
sombersea
New Member
4 0 0

The URL is

esoteric-echo.com

0 Likes
Propero
Shopify Partner
685 80 117

@sombersea 

Please add following CSS code at the end of theme.scss.liquid

div#shopify-section-collection.shopify-section.index-section .page-width {
background: antiquewhite;
max-width:100%;
}

 

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution

To hire: email us at shopify@propero.in

Skype : lokendra.panwar1
0 Likes
sombersea
New Member
4 0 0

Great but I want to keep the background of the product cards same i.e white. Only the background of the space where all products are displaying in featured collection lets say grey or anyother color.

 

Basically, i want the effect in the attached pic with grey background. No left and right border on screen for featured collection onlybg.png

0 Likes
sombersea
New Member
4 0 0

bg.png

 

Like this. but with that I want only the featured collection to be full width not the whole page. No left or right padding or space. Much thanks  for the help.

0 Likes