Exclude product information section from fullscreen page width

Store Design
, ,
1

Hi there I have a code in my base.css file for make the page widh of the website full. Here is the code-

.page-width {
  width: 100% !important;
  max-width: 100% !important;
}

I need to know that how can I exclude the product information section of the product page from this property.

https://www.valcoure.store/

pass - kothavara

Thank You

2

@AnSrSi do you mean this section?

suyash1_0-1748364600149.png
suyash1_0-1748364600149.png1366×768 153 KB

3

Yes

AnSrSi_0-1748364678622.png
AnSrSi_0-1748364678622.png226×248 4.08 KB

4

@AnSrSi how do you want it? reduce its width?

5

As I said i have made the page width for my website 100%, But i don’t want that property for this section ie i want to make this section back to the default width or reduce the width

6

@AnSrSi try this css and check

product-info .page-width {
    width: 60% !important;
    max-width: 60% !important;
}
7

Thank You @suyash1 ,

Its working.