Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1163466

    I’m trying to modify the layout of two columns within a color section. The two pieces of css I’m using are from the Enfold doc on columns. I’ve given the color block the section id of “home-color-section” for all pieces of code. For some reason, the container width is working but the center align is not. These are the pieces of code I’ve inserted into the stylesheet:

    /* Color section container width */
    #home-color-section .container {
    width: 80% !important;
    min-width: 80%;
    padding: 0;
    margin: 0;
    }

    /* Center align columns inside color section*/
    #home-color-section .entry-content-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: center;
    }

    Any help on how to fix this would be appreciated – I’m on a deadline!!

    #1163536

    Hey alyssajeffers,

    We can’t access the page you linked to unless logged in, please provide details in private.

    Best regards,
    Rikard

    #1164960

    Thanks, Rikard. It’s for the draft page Home 2020, and I added this code to the Enfold Child style sheet.

    #1165087

    Hi,

    Thanks for that. Please try to replace the first CSS block with this:

    #home-color-section .container {
        width: 80% !important;
        min-width: 80%;
        padding: 0;
        display: table;
        margin: 0 auto;
    }

    Best regards,
    Rikard

    • This reply was modified 5 months, 3 weeks ago by  Rikard.
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.