I can't seem to find how to customize the bottom border for collections when they are repeatable.
Has anyone else been able to do this?
In particular for that element, the default CSS is as follows:
hr.end_set {
border: 0;
border-top: 1px dotted #ccc;
color: white;
background-color: transparent;
height: 1px;
margin: 0 auto;
}
So for example if you wanted to make the borders wider or change the line color or style, you should set in particular the border-top property. If you wanted to change the width you can set using width property. To remove it altogether, the old reliable {display: none;} works as usual.
This should get you what you want:
hr.end_set {[css rules]; }
In particular for that element, the default CSS is as follows:
hr.end_set {
border: 0;
border-top: 1px dotted #ccc;
color: white;
background-color: transparent;
height: 1px;
margin: 0 auto;
}
So for example if you wanted to make the borders wider or change the line color or style, you should set in particular the border-top property. If you wanted to change the width you can set using width property. To remove it altogether, the old reliable {display: none;} works as usual.