Cant remove padding from design

Support
#1

Hello,

I am trying to remove the padding from my website.
http://veldhuizenmedia.nl/demo2

The design used to be like this:

But then i updated to the most recent version of x theme, and it added the padding.

I tried searching for a solution on the forum, but i dont quite get the answer I need because it has to stretch the entire container, but I dont want the website to be fullwidth.

Thank you for your time.

#2

Hi There,

Thanks for writing in!

I can see your site, there is some issue in layout setting. It should look same as the screenshot if the layout set to Boxed. Please check and confirm.
Or you can send us your login details in a secure note so that we can have a look in to the issue.

Thanks

#3

If you could please take a look, I would very much appreciate it.
It doesnt seem to change when I change the option.

#4

Hi There,

It works perfectly after changing the page template.

Thanks

#5

Yes it makes it full width, but the design has to be boxed in like the header is.
If you go back to the page now, the header jumps from a fullwidth to a boxed design. The design has to stretch the container, which currently it doesn’t.

#6

Hi,

To achieve your desired layout, please follow the settings below for your row element.

Make sure to select a No container Template first.

Hope that helps

#7

Thank you for your reply and help, I tried your solution but what im looking for is the following:

[Album] Eee

It has to stretch the entire boxed layout, but it wont let me. I am hoping you guys can help me out, it used to work fine on an older version of x theme but ever since the update it gives me this white space around it which I don’t want. Hopefull you can help me out.

#8

Hi,

To achieve that, you can add this in X > Theme Options > CSS

.home .x-container.width.offset {
   width:100%;
}

.home .entry-wrap {
   box-shadow:none;
   padding:0;
}

Hope that helps.

#9

Yes that does the trick! thank you very much

However, for some reason, when I load the website, the header is a full 100% width, and then when I scroll down it suddenly jumps to the correct position. I can’t seem to get this to work properly and it occured when I updated the X Theme, is there any code that fixes this?

#10

Hi again,

Your header seems to be fine on my end, I checked in all major browsers and couldn’t replicate the issue you’re referring. This is what I see when the page loads:

After scrolling down I’m seeing no difference in the positioning or in the width, here is the screenshot after scrolling:

Maybe I’m missing something can you please share some screenshots of what you’re experiencing? A video recording might be helpful in this case.

In the mean time try clearing your browser’s cache and see if this resolves the issue.

Thanks!

#11

When I open the website, this is the way it looks:

Imgur

The header is full width, 100%. But this isnt how I want it to look, its supposed to be the same way as the rest of the website as shown here:

Imgur

However, when I scroll down, the full width header changes to the container-width header. I have tried it on different browsers and clearing my cache too.

I hope you guys can help me out here, I have tried alot of different things and can’t seem to get it fixed.

Thank you for your time.

#12

Hi @sportkidsbarneveld,

Check your site now if it is the correct customization that you want. If not, would you mind elaborating more the desired output of your setup. As of now, as I read the current and previous thread, it is very confusing.

Thank you so much.

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.