Full image witdh in pages

Hi there,

I’m creating a page where image is full width, but seems not working.
is there an idea?

here is the link
http://www.nourishsr.com/index.php/about-us/

Thank you very much

Hi,

I’ve just checked the page of your site but its empty. Its only displaying the main menu and the title of the page only.

So, where is the image and other contents?

Regards,
Awan

Hi,

Apologize for it.

you can check it now…http://www.nourishsr.com/index.php/about-us/

Thank you very much for the support…

Hi,

Thank your. Well, when you use full width template for your page, its actually make the page displaying the content only without the sidebar and add a little spaces in the left/right of the page.

But if you want to remove the space, you can put these CSS code into: Customize > additional CSS:

.page-template-page_fullwidth .content-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
}
.page-template-page_fullwidth .content-wrapper > .row {
    margin-left: 0;
    margin-right: 0;
}

Regards,
Awan

Thank you very much…it works! really appreciate it…
BTW is there a way to adjust image position to the top so the menu are within the image area?

best regards,

Firstly, please edit your page:

  1. Go to dashboard and Edit the page
  2. Edit row where the image belong to
  3. Row styles > layout > top/bottom padding > set the value to 0

Then put this CSS code into Customize > additional CSS:

.page-id-530 .page-wrap, .page-id-530 .content-wrapper {
    padding-top: 0 !important;
}

Thank you Awan…Really appreciate your help