Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 26, 2019 at 1:31 pm #1142257
    steviger

    Hi guys,

    For a project I’d like to have four 1/2 sections ( two per row) with reduced vertical margins between them. For that purpose I use:

    .page-id-35 div .av_one_half {margin-left: 4%; width: 48%;}
.page-id-35 .first { margin-left: 0!important; }

    I use 48% intentionally to make sure both left and right are aligned properly. However, the bottom row works fine but the top row doesn’t.
    What am I doing wrong?

    Please see screenshot here.

    Help is much appriciated!

    Regards,

    Steven

    September 26, 2019 at 4:49 pm #1142384
    Victoria

    Hey steviger,

    There is another element in between and so it was keeping the margin in between.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #av_section_2 .av-flex-placeholder {
    width: 4%;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 26, 2019 at 5:47 pm #1142432
    steviger

    Hi Victoria,

    Thanks for your quick answer. Enfold’s support rocks as always!
    Btw: we only need this for the frontpage. So will it be: .page-id-35 #top #av_section_2 .av-flex-placeholder ?

    September 27, 2019 at 12:30 pm #1142722
    Victoria

    Hi steviger,

    No, it will be this:

    
 #top.page-id-35 #av_section_2 .av-flex-placeholder {}

    Best regards,
    Victoria

    September 27, 2019 at 1:31 pm #1142749
    steviger

    Thank you!

    September 27, 2019 at 4:59 pm #1142824
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘[SOLVED]Margin issue with 1/2 sections’ is closed to new replies.