Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 1, 2023 at 11:54 pm #1406125
    landhausaustria

    Hi
    I tried to reduce the height of the av-section color section with css but I did not succeed (although I am pretty sure to have entered the correct code). Can you help me and tell me how I can reduce the size in order to get smaller sections (about 50-80% less than the min-height with 100% is set)?
    Thanks
    Verena

    May 2, 2023 at 4:17 am #1406146
    Ismael

    Hey landhausaustria,

    Thank you for the inquiry.

    Have you tried decreasing the padding around the color section? You can adjust this in the Layout > Margin & Padding > Section Padding settings. Additionally, please keep in mind that the height of the color section will depend on the height and length of its content. Removing some of the content should also decrease the height of the section.

    Best regards,
    Ismael

    May 2, 2023 at 12:14 pm #1406180
    landhausaustria

    Hi
    thanks for your reply. I did what you suggested, the padding is set to “no padding (0px)”. I want the section to appear very thin – like a divider or like a frame.
    What can I do?
    Thanks
    Verena

    May 2, 2023 at 6:29 pm #1406235
    Rikard

    Hi,

    Please add a custom class in the element options (Advanced->Developer settings) to the section in question, for example divider, then add this to Quick CSS:

    .divider .content {
  padding-top: 0;
  padding-bottom: 0;
}

    Best regards,
    Rikard

    May 3, 2023 at 12:37 pm #1406336
    landhausaustria

    Hi Rikard,

    thanks but this is not the problem. This was already set but it is not about the padding. Padding is set to 0. My problem is, that the section itself can not be thinner than the default height obviously. What can I do to make it really thin/small? (see attachment)
    Or is there another way to set dividers like this?

    Thanks and regards,
    Verena

    May 3, 2023 at 6:42 pm #1406373
    Rikard

    Hi,

    Could you post a link to where we can see the actual element please? I would suggest that you try the CSS I sent, as that should remove the default padding which is added to the content div.

    Best regards,
    Rikard

    May 3, 2023 at 9:31 pm #1406389
    landhausaustria

    Ok thanks I resolved it :-)

    you can close this one thank you

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to reduce the height of color section (av-section) ?’ is closed to new replies.