This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Horizontal Line – Not Displaying in Pages

Resolved 4 replies pluginplugin-page-builderquestion
rjolenic
9 years ago · Last reply by rjolenic 9 years ago

Hello,

I have been using the Site Origin editor for content in our wp website pages. It is generally easy to use and extremely intuitive. I am however, having a problem getting horizontal lines to display in between items that I clearly want to have recognized as separate items on the page without inserting a new line/content box. It may also be nice to change the color of the horizontal line within the editor or in css. Does anyone have suggestions?

Thanks in advance.

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

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Alex S Staff 9 years, 1 month ago

    Hi Rjolenic,

    You can add a line by typing four hyphen’s in the visual tab and then pressing enter. If this line doesn’t look right, chances are your theme is applying CSS to it that changes how it looks. Do you have a public URL where we can take a look at what’s going on?

    Unfortunately, it’s not directly possible to do that sort of color adjustment in the editor itself but you can use CSS to adjust it. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add (and adjust) the following CSS:

    .entry-content hr {
    background-color: #f00;
}

    This CSS may, or may not work – it depends on if your theme styling overrides it.

    You might also need to install the SiteOrigin CSS Editor.

  2. rjolenic 9 years, 1 month ago

    Apparently the theme and the plug-in do not want to play nice.
    The page url is http://www.glasscityathletics.com/basketball-training/

  3. Alex S Staff 9 years, 1 month ago

    Hi Rjolenic,

    To clarify, this isn’t a theme incompatibility – I just wasn’t sure of what CSS selector to use to override your theme’s defined hr color.

    Okay, so your theme is forceful in setting the color so I have to be just as forceful to override it. Please add the following CSS to WP AdminAppearanceCustom CSS:

    .main-content hr {
	border-top: 1px solid #000 !important;
}

    Please note that hr was previously set to white which explains why it couldn’t really be seen.

  4. rjolenic 9 years, 1 month ago

    It worked like a champ!
    THANK YOU!

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.

Have a different question or issue?

Start New Thread