Increase content width on pages

Illdy
1

Hi,

I would like to know if there is a CSS snippet that can allow me to increase the width of the regular pages because it’s smaller than the front page.

I would like to have something like the width of the content of the main page (approx 70 / 80%).

Here is a link to my website : http://www.bde.enscmu.uha.fr/.

Thanks,
Regards,
AmNéSiiA

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to increase the width of the content and adjust the padding by going to Appearance > Customize > Additional CSS and pasting it there.

/*Adjust margin*/
@media (min-width: 768px)
.col-sm-offset-2 {
    margin-left: 12%;
}
/*Adjust content width*/
@media (min-width: 768px)
.col-sm-8 {
    width: 80%;
}

Best Regards,
Support

3

Hi,

I’m doing well today, thanks. I hope the same for you.

Concerning the CSS code, I added it but nothing change.

When I look at the deveveloper console of the page, I can see that the values stayed at 66% for the width and 17% for the padding.

Regards,
AmNéSiiA

4

Any infos about the problem ?

5

Hey there,

Some adjustments were made to the code you can replace what was provided with the following.

/*Adjust margin*/
.col-sm-offset-2 {
    margin-left: 12%;
}
/*Adjust content width*/
.col-sm-8 {
    width: 80%;
}

Best Regards,
Support

6

Hey,

Thanks for the code, it works like I want but it moves the menu under the logo.

Do you think that I can center my logo ?

Best Regards,
amnesiia

7

Another question : with this new configuration of my menu, it seems that the menu is not center. Probably because it’s not the normal position.

Is it also possible to center the menu ?

Best regards.