[Jayd KParticipant]

Hi there,

I was wondering if you could help me.

When I have been using a full width layout for Integrity Stack, I have always had the option on each Page to change from the Default Template to other designs, which then eradicate Containers/borders, which leave big gaps between each element (which I am not a fan of). I also generally change the options of Visual Composer with the tickbox to ‘remove margin’ – which also removes spaces, allowing me to add ‘gaps’ in visual composer instead. This is because I am not experienced in CSS, and this works for me as I can visually see the changes in Visual Composer.

However, I have a client who needs a Sidebar on the homepage. I have added the Sidebar option as a layout in the Customiser, and now need to remove the Container (which has a border) from the homepage, around/above the text/slider. I tried changing the layout options on each page, and also ticking the boxes in Visual Composer as I have always done (Inner Container/Remove Margin) – and nothing is happening. Is there a different rule for Sidebars?

Is there a custom code I can add to the Customiser which will always get rid of Inner Containers/Borders?
I really dont have a need for them, and it would be great to switch them off.
If not, how do I remove the Inner Container from all pages which have a sidebar?

Many thanks in advance.

http://www.raisingtoxinfreechildren.com/preview/

[Kosher KMember]

Hi There,

I’m not really sure what you are trying to accomplish,

Can you try setting Site Width (%) to 100% under Customizer > Your-Stack or try adding this CSS code below in Customizer > Custom > CSS

.x-container-fluid.max.width.offset.cf {
   width: 100%;
}

If that doesn’t work, would you mind providing a sample page you’re trying to achieve.

I trying to look for a full width page on your site but can’t any find page that is full width,

have a great day

[Jayd KParticipant]

Hi there,

Sorry if I didnt explain myself very well.

I don’t need a full width page.

I have a sidebar on the homepage, and cannot get rid of the container around the body copy
I simply want to get rid of the container, but keep the sidebar. I cant find a combination of options to do this.

Here is a screenshot of what I mean to get rid of.

http://www.raisingtoxinfreechildren.com/preview/wp-content/uploads/2014/10/conatiner-issue.jpg

Thanks for your help.

[CousettMember]

Try adding some CSS code under Appearance -> Customize -> Custom -> CSS

body.page-id-17.x-container-fluid.offset {
margin: 40px 0px;
}

body.page-id-17 .entry-wrap {
padding: 0px;
}

I hope this helps.

[Jayd KParticipant]

Hi there,

This is certainly better. However, the border I was referring to is still there.
Is there any way I can get rid of that faint grey line that is all around the text/space?

http://www.raisingtoxinfreechildren.com/preview/wp-content/uploads/2014/10/border-still-there.png

[ChristopherModerator]

Hi there,
Please add this code under Customize -> Custom -> CSS:

.x-boxed-layout-active .entry-wrap{
border:none;
}
.entry-wrap{
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

Hope it helps.

[vizierwebsiteParticipant]

Hello,

I have a similar question as #13095 one.

When I use the CSS code the inner container disappears , and it works. Thanks a lot!!

However, my content (body) does not come up, as if the inner container was still there. I literally want to get rid of the inner container and have the content (body) align with the side bar such as in the blog page (index page). I want no border nor container in the body (main) section of the entire website. I want all of my pages to be align with the sidebar such as in index page.

So what I need is to have a CSS that, more than just masking/riding the inner container, actually removes it.

The website http://www.denktankvizier.org/over-vizier
The index page http://www.denktankvizier.org/vizier-blog

I will provide the rest of the info in a private reply.

Thank you so much in advance!!

[vizierwebsiteParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

To make the content come up, you can add this under Custom > CSS in the Customizer.

body .x-boxed-layout-active .entry-wrap{
    border:none;
}

body .entry-wrap{
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    padding:0;
}

Hope that helps

[lucratunityParticipant]

So this last code worked for me, but i want it to only apply to certain pages, how can i make it so the code won’t apply to some pages?

[FriechModerator]

Hi There,

Change those body selector with the page-id-# class.

e.g.

.page-id-41 .x-boxed-layout-active .entry-wrap{
    border:none;
}

.page-id-41 .entry-wrap{
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    padding:0;
}

Follow this page on How to Locate Post/Page IDs

Hope it helps, Cheers!

[SunavyaParticipant]

Hello,

I Have similar issue , i want to remove the container actually i want a template as content right with no container , side bar left.
I am very new to wordpress.

how can i do that?

need urgent help

[SunavyaParticipant]

the above mentioned code does not work for me…. i have setup the child theme…..i have integrity theme…. i am using latest version of wordpress and theme x

[FriechModerator]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Cheers!

[mthomas91Participant]

Hi,

I want to remove the container from the post template. How can I achieve this?

I am using integrity and have seen on the other stakes that the container is not there?

My url is – http://www.freematchedbetting.com

Thanks,
Miles

[Author]

Posts