wordpress theme's css customization

Question

We use modernize theme for our website.

I want to increase the size of main content area. I just want the background image (gray lines) to take mush less space.

I have tried changing theme's own css file & custom css file both. But it's not working.

pls see the website : www.gtctrust.com or the picture below: image

Ionut Necula · Accepted Answer · 2016-11-29 10:31:47Z

1

Don't use !important as someone just suggested. Just strenghten your selector here from:

body .container-wrapper, body .all-container-wrapper.boxed-layout{
     width: 1060px;
}

to

 body .container-wrapper, body .body-wrapper .all-container-wrapper.boxed-layout{
     width: 1060px;
}

answered Nov 29, 2016 at 10:31

Ionut Necula

11.6k4 gold badges49 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ionut Necula Over a year ago

As I said, it's not recomended to use !important, because the only way to overwrite an rule using that is also to use !important. Use it only in extreme cases. It may work as a temporary solution, but in long cases it will bring you a lot of headaches.

Rahul · Accepted Answer · 2016-11-29 09:53:31Z

0

see if this works for you

body .container-wrapper, body .all-container-wrapper.boxed-layout{
  width: 1060px;
}

answered Nov 29, 2016 at 9:53

Rahul

4,3741 gold badge13 silver badges13 bronze badges

2 Comments

Rahul Over a year ago

well it works for me see img above, try width: 1060px!important

Ripa Over a year ago

thanks so much :) serves the name right-- important! tag

Collectives™ on Stack Overflow

wordpress theme's css customization

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related