Home>Support>color of line between rows

color of line between rows

By Valentino Zahrnt, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
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].

I use

<hr style="color: #ffa700;" />

to separate rows.
The line is orange in the visual editor but grey on the actual homepage.
Why?

URL: http://zahrnt.com/kreativ-denken

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Valentino

    Rather just use in the Visual Editor:

    <hr />

    And then under Appearance > Custom CSS insert something like this:

    /* Typography */
hr {
	height: 1px;
	background-color: #E5E5E5;
	border: 0;
	margin-top: 50px;
	margin-bottom: 50px;
}
  2. 10 years, 11 months ago Valentino Zahrnt

    Thanks, Andrew, that works nicely – but what do I do if I want to use different colors on different pages?

  3. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    The best way would be to use the body class. Check the page source, within the body tag there is a class unique to that page or post. Prefix hr with that class.

    For example on this page here: http://demo.siteorigin.com/vantage/page-builder/ you’d say:

    
.page-id-14 hr {
properties go here...
}

    Make sense?

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More