Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 12, 2020 at 2:41 pm #1212186
    WebVision

    Hello

    We have a small issue with a website based on the Hotel demo.
    Website is located at Link 1.
    The problem is mostly caused by the custom top margin set here: Link 2 (this setting is from the demo, not set by us).
    This causes huge gaps at the top and at the bottom of the colored sections, as seen in Link 3, Link 4 and Link 5.

    We would like those gaps to be 50% of the current size.

    Please advise.

    We’ve provided admin access to WordPress (where you also can see, that the theme is registered).

    • This topic was modified 4 years, 7 months ago by WebVision. Reason: Added admin access to Wordpress
    May 13, 2020 at 4:01 am #1212459
    Jordan Shannon

    Hey Max,

    Add this to quick css:

    .avia-section-huge .content,
.avia-section-huge .sidebar{
padding-top:65px!important;
padding-bottom:65px!important;
}

    Best regards,
    Jordan Shannon

    May 13, 2020 at 9:06 am #1212529
    WebVision

    Hey Jordan

    Your solution doesn’t work properly.
    Please see Link 1
    The white box placed on top of the main banner should stay in the exact same position as it was before. And it should have the exact same size as before. That element is the key element of why this theme was chosen.

    Please advise.

    May 14, 2020 at 6:09 pm #1212994
    WebVision

    Any help would be appreciated.

    May 15, 2020 at 12:39 pm #1213259
    WebVision

    Jordan? Yigit? Anyone?

    May 16, 2020 at 8:30 am #1213512
    WebVision

    This is the final solution that I’ve ended up with, and it’s working as it should:

    .avia-section-huge .content {
    padding-top:65px!important;
    padding-bottom:65px!important;
}

div.flex_column.av_one_full.flex_column_div.first.avia-builder-el-2.el_before_av_one_half.avia-builder-el-first  {
    padding:30px!important;
    margin-top:-135px!important;
}

    Is there any way I could provide another name instead of using “div.flex_column.av_one_full.flex_column_div.first.avia-builder-el-2.el_before_av_one_half.avia-builder-el-first”?

    • This reply was modified 4 years, 7 months ago by WebVision.
    May 16, 2020 at 11:29 pm #1213680
    Mike

    Hi,
    Sorry for the late reply and glad you were able to sort this out. You can add a custom class to your column such as “custom-class” and use that as the class for the rule.
    2020-05-16_172759.png

    Best regards,
    Mike

    May 17, 2020 at 10:06 am #1213772
    WebVision

    Hey Mike

    This is not possible to do for the element “Special Heading”, nor the column that this element is placed inside of.
    Please see Link 1 (or try yourself using credentials that I’ve provided in the original post).
    It is possible to add it to the Color Section that this “Special Heading” element is placed inside, but that will also affect all other elements in that section, plus it will add additional unneeded spacing, so this is a no-go.

    • This reply was modified 4 years, 7 months ago by WebVision.
    May 17, 2020 at 12:38 pm #1213791
    Mike

    Hi,
    Please try going to Enfold Theme Options > Layout Builder > General Builder Options and ensure your developer options are not hidden.
    2020-05-17_063747.png

    Best regards,
    Mike

    May 17, 2020 at 12:50 pm #1213793
    WebVision

    Hello Mike

    Got it.

    Consider this case as closed. Thanks.

    May 17, 2020 at 1:04 pm #1213797
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Challenges with margin’ is closed to new replies.