how to use Custom Css on Vantage premium

Resolved 3 replies premium theme theme-vantage

11 years ago · Last reply by Andrew Misplon 11 years ago

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?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Andrew Misplon Staff 11 years, 7 months ago

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;
}

Ben Kelly 11 years, 7 months ago
Legend, cheers that worked a treat
Andrew Misplon Staff 11 years, 7 months ago
Super, glad we could help.

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.