Home>Support>CSS error with divs placed on top of eachother

CSS error with divs placed on top of eachother

By T Mister, 8 years ago. Last reply by T Mister, 8 years ago.

I’m adding rows with a background color to work as a “introduction section”. In most browser (and browser versions) the display correctly with no visual error.

On some versions of chrome you can see the divided div objects separated by a thin line, see http://pasteboard.co/2zP7jZRp.png.

I can’t find any CSS that should be causing this problem. What is the cause of this?

PLEASE NOTE:

** This is not a theme problem. I have other installs with other themes that behaves this way.
** It has nothing to do with the hardware. I have tested this on different devices (mobile and desktop) and they generate this view on some Chrome versions.

THANKS IN ADVANCE!

URL: http://yey.se

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

  1. 8 years, 10 months ago T Mister

    Another note.

    The reason I’m not placing the widgets/items inside only ONE row is that I need to have multiple columns and single columns on top of eachother.

  2. 8 years, 10 months ago Greg Priday
    Hi, I Work Here

    Hi Niklas

    Thanks for the wait. We’re busy catching up on our free support questions.

    It appears as if you have the full width Row Layout set for that row. This layout uses Javascript to stretch the container for the row to the entire width of the page, which can cause problems when you have a sidebar.

    Page: Styling a Page

    You’ll want to change this to standard.

  3. 8 years, 10 months ago T Mister

    Ok, thanks for your reply.

    I really want to have a full stretch column due to styling reasons. Is there some way to make the line not occur while having the “full width row” option?

    Thanks

  4. 8 years, 9 months ago Greg Priday
    Hi, I Work Here

    Hi Niklas

    Sorry for the late reply. This is something you could ask your theme developer for help with. That line is coming from your theme’s styling, so they’d be most familiar with what’s causing it.

    Something you could try is disabling the default widget class. If you navigate to SettingsPage BuilderWidgets and disable Add Widget Class.

  5. 8 years, 8 months ago T Mister

    Hi,

    Thanks for your reply! Unfortunately it doesn’t work as it should.

    I have the same error on another WP install on which I am the theme creator. I’ve also updated the site (http://yey.se) with a totally blank theme to illustrate the error.

    You can see an example (mobile) screenshot here: http://pasteboard.co/LfwG686.png

    Maybe it’s not supposed to work placing two divs with same background color on top of eachother? Do you have any idea what’s causing the problem, or what the solution looks like?

    Thanks in advance!

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