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.
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.
Apparently the theme and the plug-in do not want to play nice.
The page url is http://www.glasscityathletics.com/basketball-training/
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.
It worked like a champ!
THANK YOU!