CSS Not Applying
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.
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
4Well 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
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.