Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 9, 2021 at 12:39 pm #1293493
    KulturDesign

    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

    April 12, 2021 at 5:08 am #1293831
    Rikard

    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

    April 12, 2021 at 7:49 am #1293864
    KulturDesign

    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 3 years, 8 months ago by KulturDesign.
    April 12, 2021 at 9:10 am #1293873
    Guenni007

    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.

    April 12, 2021 at 9:25 am #1293874
    KulturDesign

    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

    April 12, 2021 at 3:10 pm #1293957
    Guenni007

    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

    April 14, 2021 at 4:19 am #1294232
    Rikard

    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

    April 16, 2021 at 5:23 pm #1294817
    KulturDesign

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

    April 19, 2021 at 9:38 am #1295185
    Rikard

    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

    May 18, 2021 at 9:00 am #1300895
    KulturDesign

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

    we can close this topic

    May 18, 2021 at 3:38 pm #1301015
    Nikko

    Hi KulturDesign,

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

    Best regards,
    Nikko

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘custom width flex column’ is closed to new replies.