Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1265213

    Hello,

    On this page >>> https://www.viverelondra.com/importanza-curriculum-vitae-inglese

    I have 2 promo boxes.

    The first one works well, the second, weirdly, does not have a bottom padding. https://www.screencast.com/t/VQCwDH4ep

    The code of the second promo box is exactly the same of the code of the first promo box.

    I cannot see the solution.

    Could you please help?

    #1265335

    Hey marcoabis81,

    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 #wrap_all .all_colors .av_promobox + h2 {
        display: inline-block;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1265426

    Hi Victoria,

    thank you for the code.

    I added the code and it works. However, it doubles the space below promobox where the space is already.

    Instead of adding code I would like to understand why 2 same promoboxes behave in a different way on the same page.

    Thank you
    Marco

    #1265570

    Hi Marco,

    Please use this code instead:

    
    #top .av_promobox {
        margin: 50px 0;
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1265619

    Hi Victoria,

    if I add the margin, all the promobox will have the margin.

    In the page I sent you, one promobox (the first above the page) behaves correctly, the secondo one does not have the space below.

    So I am trying to understand why one promobox behaves in a different way than the other in the same page.

    Thanks,
    Marco

    #1265621

    Hi Marco,

    They all have the margin already, just in this case there was a rule canceling it for this box.

    The last code is safe to use.
    Best regards,
    Victoria

    #1265639

    They all have margin you are right.

    The 2 promo boxes have no rule canceling it. I removed them both twice and re writing the code. Removed the titles around and we written.

    No changes, the second promobox still gives me this issue.

    I gave you the login details, would you mind please to give it a look?

    thanks
    Marco

    #1265850

    Hi Marco,

    It’s not your css that is canceling it, it’s the rule from the theme.

    Best regards,
    Victoria

    #1265860

    Hi Victoria.

    Yes I understand it.

    What I can’t understand is: why is the rule from the theme removing the margin of only 1 of the 2 promobox in the page?

    Marco

    #1265864

    Hi Marco,

    The theme is removing the bottom margin of the last builder element and the second promo box has that class. So the margin is gone and you get that result. So you can use the code I gave you before that will enforce that margin :)

    Best regards,
    Victoria

    #1269190

    Thank you Victoria. Is there anything I can do to prevent the theme removes the margin? is it because of something wrong I did on the theme?

    thank you
    Marco

    #1269763

    Hi Marco,

    In this case, not really, you can just add the margin again.

    Best regards,
    Victoria

    #1279739

    Hi Victoria,

    I have the same issue with another page – promobox without margin below .

    The code you gave me

    #top .av_promobox {
        margin: 50px 0;
    }
    

    is there, but not working for this page.

    Usually it is the second promobox in the pages.

    Thanks,
    Marco

    #1280129

    Hi Marco,

    Please try the code like this:

    
    #top .av_promobox {
        margin: 50px 0 !important;
    }
    

    Best regards,
    Victoria

    #1280155

    Thank you Victoria,

    it is now working on all pages.

    thanks,
    Marco

    #1280306

    Hi Marco,

    That’s great :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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

You must be logged in to reply to this topic.