Full-width page for Shapely theme

Shapely
1

Hi there

I am struggling to get full-width on my website using the Shapely theme. I have searched through previous forums of the ColorLib library but none seem to fix my issue.

I have tried setting the normal edit page options by selecting “Default template” and then “Full width”.

I have tried adding the functions.php files. I have added the following CSS code as stated on previous discussions, however, my issue is there is a small piece of padding on the left side:

body.page #main.container {
width: 100%;
}
@media (min-width: 1200px){
body.page-template-template-full-width #main {
width: 1270px;
}
body.page-template-template-full-width #main .col-md-12{
padding: 0;
}
}

I have done some inspection using Google Chrome’s inspect element. It shows that if I adjust the following attributes “padding-left” and “padding-right” to “0”, then then it is perfectly full-width with no white space on the sides. However, I cannot change these attributes as they are in a CSS folder: “bootstrap.min.css?ver=4.6.1:5”, which I cannot access via WordPress.

I have attached screenshots to support my discussion. Any other solutions are welcome.

Thanks
Martin

2

Hi Martin,

I hope you are well today and thank you for your question.

Could you please share me the page URL from your site where it is displaying so that i can help you to achieve it?

Kind Regards,
Movin

3

Hi Movin

I am very well thanks. The link is as follows:
http://test.avinciconsult.co.za/get-in-touch/

Thanks
Martin

4

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other


#primary.full-width {
    padding: 0;
}
5

Thanks Movin! That worked.

6

You are most welcome here :slight_smile: