Lay out footer section using SiteOrigin Layout builder

  • Resolved ingeb1971

    (@ingeb1971)


    8 years, 5 months ago

    Hi again ??

    I am using Site Origin Layout Builder for putting text in the footer widget section.

    I thought I could choose my own lay-out by putting text in the midle, on the right and left by using a 3 colum-row, and using one single row underneath the 3 colum-row on full with and text centred.

    But sadly all text keeps popping up on the left side of the page.

    Is there a way to make the footer lay-out regarding colums apear in the same way when I am using a 2 colum row on other parts on my site (eg https://www.fine-organized.nl/organiseren/diensten/)?

    Hoping to hear from you ??

    Greets,
    Ingeborg

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Out the Box

    (@outtheboxthemes)

    Hi @ingeb1971

    The reason this is happening is because the widgetized footer area of Panoramic is designed to contain 4 widgets so your Pager Builder widget is being squashed into one widget “block”.

    You can easily fix this though by adding the following custom CSS:

    .site-footer-widgets .site-container > ul > li {
    width: 100%;
    }

    Thread Starter ingeb1971

    (@ingeb1971)

    Hi,

    Thank you for the custom CSS code, unfortunately it does not solve the problem.

    When I entered the code in CSS a red dot with an x inside apeared on the left side of the Custum CSS field (left from the line numbers) containing errors I think:

    – Expected LBRACE at line 7, col 38.
    – Unexpected token ‘&’at line 7, col 38.

    – Expected LBRACE at line 7, col 41
    – Unexpected token ‘,’at line 7, col 41.

    – Expected LBRACE at line 7, col 46.
    – Unexpected token ‘&’at line 7, col 46.

    – Expected LBRACE at line 7, col49.
    – Unexpected token ‘,’ ‘at line 7, col 49.

    Theme Author Out the Box

    (@outtheboxthemes)

    Hi @ingeb1971

    It sounds like the errors you’re seeing are being caused by some additional CSS in your custom CSS because the error message references a “&” which doesn’t appear in that CSS I gave you. Perhaps try removing all of the custom CSS other than the piece I gave you and see if you still get an error?

    Thread Starter ingeb1971

    (@ingeb1971)

    The only other code in my custom CSS was the one I found on this forum regarding the ever showing headers:
    .page .entry-header {
    display: none;
    font-weight: 200;
    text-transform: none;
    }
    So I have really no idea why the errors occured. A little bug perhaps, because I cleared the entire custom CSS, entered both codes again and everything is working perfectly ??

    Thank you for your help!

    Greets,
    Ingeborg

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Lay out footer section using SiteOrigin Layout builder’ is closed to new replies.