Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi im an absolute noob and just watched the modifying theme video (https://siteorigin.com/basics/modifying-theme-design-with-custom-css/) and wanted to have a go. I’ve come a little unstuck with it so can anyone tell where ive gone wrong.
So on my site 300bones.com you’ll see the widget below:
media="all"
.widget_headline-widget .decoration {
position: relative;
height: 1px;
border-top: 1px solid #EEE;
margin: 20px 60px 20px 60px;
}I want to make the line change colour Chrome developer tells me to change the border-top line colour to
media="all"
.widget_headline-widget .decoration {
position: relative;
height: 1px;
border-top: 1px solid #000000;
margin: 20px 60px 20px 60px;
}So i copy & paste this into my custom css and hit save and nothing changes. It did work once but i managed to undo. Can someone tell me my obvious mistake?
Hi Ben
Thanks for running Vantage.
The media=”all” needs to be removed, give this a try:
/* Widgets */ .widget_headline-widget .decoration { border-top: 1px solid #000000; }If that doesn’t work you can try this:
/* Widgets */ .widget_headline-widget .decoration { border-top: 1px solid #000000 !important; }Legend, cheers that worked a treat
Super, glad we could help.