Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1293493

    Hi Enfold Team!
    After so much searching through the forums, I’ve found it hard in figuring out how to reduce the amount of space or padding between two columns in a row. The first column (2/3) and the second (1/3) should be equal in height.

    When I use “equal height” the space between these 2 columns is to big
    When I use “individual height” the space between these 2 columns is perfect
    That´s what I tried:
    Please see custom style css I´m using for that developing site:

    thanks for your great support!
    Stanko

    #1293831

    Hey Stanko,

    I’m not sure I understand exactly what you would like to change on your site, could you try to explain a bit further, or post a screenshot highlighting your intentions please?

    Best regards,
    Rikard

    #1293864

    Hi Rikard
    thanks for reply – here´s the point. Wenn I choose equal height – the space between the 2 coloumns is to big. I´m talking about the secondrow (TOP STORY container & donwloads container)

    Wenn I choose individual height – the space between the 2 coloumns is perfect but my customer wants
    equal height AND perfekt distance

    container / column equal height
    http://peterloew.eu/wp-content/uploads/2021/04/screenshot-equalheight-2021-04-12-07_40_28.png

    container / column individual height
    http://peterloew.eu/wp-content/uploads/2021/04/screenshot-individualheight-2021-04-12-07_40_28.png

    • This reply was modified 5 months, 1 week ago by  KulturDesign.
    #1293873

    can you please set the columns now to equal height!
    then it is easier to find the correct selectors for it –
    maybe you give a custom-class to that column – then the selector is more specific.

    #1293874

    dear Guenni007 – thank you for responding…

    done I set the columns now to equal height!

    “maybe you give a custom-class to that column – then the selector is more specific.”
    –> I already did:
    “kds-column-border” – because I need the black fat line on top of the column
    please see private content

    #1293957

    no private content for me – i’m participant as you are

    ok – i thought it is your website – is there a test site with that?
    your site http://peterloew.eu/ shows me not the equal height option

    #1294232

    Hi,

    Thanks for the update. I can adjust the space between the 2/3 and 1/3 column on my end if I edit this CSS:

    /*—————————————-
    // CSS – 1/3 widget Spalte
    //————————————–*/
    div .av_one_third {
    margin-left: 2.1%;
    width: 31.90%;
    }

    Try to lower the left margin, and increase the width a bit. I would suggest that you try using a custom class for that as well, instead targeting the general .av_one_third class.

    Best regards,
    Rikard

    #1294817

    dear Rikard
    as I wrote earlier I´m using already a custom class for this column :-(
    any other idea?

    #1295185

    Hi,

    Ok, that’s great. Then you should use that class when you target elements. This is working on my end for example:

    .av_one_third.kds-column-border {
        margin-left: 0.9%;
        width: 33%;
    }

    Best regards,
    Rikard

    #1300895

    thanks dear support – sorry for the late reply, times are really hard this time…

    we can close this topic

    #1301015

    Hi KulturDesign,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘custom width flex column’ is closed to new replies.