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.
Hi 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.