Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 6, 2019 at 10:07 pm #1163466
    alyssajeffers

    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!!

    December 7, 2019 at 6:30 am #1163536
    Rikard

    Hey alyssajeffers,

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

    Best regards,
    Rikard

    December 11, 2019 at 7:29 pm #1164960
    alyssajeffers

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

    December 12, 2019 at 7:06 am #1165087
    Rikard

    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 4 years, 11 months ago by Rikard.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.