Greetings. I recently changed the format of my website from full to boxed. When reviewing the change I noticed that the last row which contains a post loop and a call to action “sticks” out of the left and right. I inspected the element and found this setting:
.layout-boxed .panel-row-style {
margin: 0px -35px;
padding: 25px 35px;
}
Adjusting the margin to -20px nicely aligns the section. I went to Appearance custom CSS and entered in the following:
.layout-boxed .panel-row-style{
margin: 0px -20px !important;
padding: 25px 35px !important;
}
I saved the CSS and refreshed the page. The setting is not saved and the default values are still used.
Why?
As a workaround to resolve the issue, I went into the row editor and set the template row layout to full width. Maybe that is what should have been set in the first place? I have this set to standard so you can see the issue.
Well that is odd. I edited the row, and made the layout full. Saved my changes and verified the row was now looking right. I took it off, as noted in my post, so that you could see the problem. Saved my changes and refreshed the page. Now it was still looking right. I inspected the element, and my margin values are now shown. Instead of -35px it shows -20px like I wanted.
Odd…
Hi Lery
I have just looked and the row aligns perfectly with the edge of your layout. This could be a caching issue in your browser. Please try refreshing the page with CTRL + F5 and see if this fixes it.
Hope this helps
Magus
Magus,
Yes, I think that was probably it. I forgot that on this site I have it cached.
Cheers!
Hi Lery
Am glad your are making progress in developing your site :-)
Always feel free to open a new thread whenever you require support
@Magus much appreciated
Cheers