Page Builder 
Widgets Bundle 
SiteOrigin CSS 
Installer zigzag border
I work with a childtheme. In the style.css I put this code in:
.container {
position: relative;
padding: 8px 8px 32px 8px;
background: #dddccf;
}
.container:after {
background: linear-gradient(-45deg, #ffffff 16px, transparent 0), linear-gradient(45deg, #ffffff 16px, transparent 0);
background-position: left-bottom;
background-repeat: repeat-x;
background-size: 32px 32px;
content: ” “;
display: block;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 32px;
}
What do I have to write in Widget ID – Widget Class – CSS Styles?
When i write container as Widget Class, I don’t get zigzag borders.
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
1Hi Martelle,
Do you by any chance have a public URL where I can take a look at your setup? I ask because I tried just tried the provided CSS and I ended up with zigzag borders. I suspect the issue may be the fact that you’ve called the class container and it’s possible the theme you’re currently using also uses that class name. This means that it may not work exactly as desired due to the inherited CSS from the theme. Try renaming the class to something more specific – like zigzag (you’ll need to rename it in the CSS and the widget class)
What do I have to write in Widget ID – Widget Class – CSS Styles?
Based on your CSS, you need to set the widget class to container.
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.