Tagged: ,

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #272274

    Hi,

    I’m using the Enfold 2.8 and have noticed when I use the default hr-spacer the gap/padding is HUGE! I have it set to default (50px) but have changed the padding to 30px and nothing changes. In fact the gap is 100px at the top and 300px on the bottom. I have turned off all the plugins, removed all the custom CSS and fire bugged the code and nothing. The padding remains the same.

    Is this a unique issue or is this something that’s been known? I looked on the forum and couldn’t find any related posts.

    http://www.imageurlhost.com/images/i8dxv0stev07obzk6u.png
    http://www.imageurlhost.com/images/f856xc80lu0a60650gjh.png

    #272419

    Hey Snerp!

    Can you post the link to your website so we can provide you custom CSS code to eliminate extra spacing?

    Cheers!
    Yigit

    #272424

    Here you go: http://dreamevenbigger.com go to the “Health” page and the “Wealth” pages

    • This reply was modified 9 years, 10 months ago by Snerp.
    #272429

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .container_wrap .hr.avia-builder-el-last, body .container_wrap .hr.avia-builder-el-first { margin-top: 22px; }
    .widget { padding-bottom: 0; }

    1- Heading elements have 8px of bottom margin
    2- Widgets have 30px of top and bottom padding

    Regards,
    Yigit

    #272436

    That sorta worked, if you go the other pages such as “Your big dream” the spacing correct. When I added the code the “Health” and “Wealth” pages only moved slightly and don’t anywhere the same padding as the “Your Big Dream” page. I want to have consistency so the site looks professional and neat.

    #273010

    I’m seeing this spacer issue now on all the sites that I have created using Enfold. I hope you guys can find a solution as this should be a minor glitch that’s easily fixed.

    • This reply was modified 9 years, 10 months ago by Snerp.
    #273661

    Hey!

    I’m not seeing any bug on the site shown. What is it that is actually happening? We can try duplicating it on our end and see if it is or is not.

    There was a change with the HR element in version 2.6 or 2.7 when the HR element gained the negative margin functionality and if you have not updated regularly I could see how the new padding/margin added change would seem like a bug since it changed slightly.

    Cheers!
    Devin

    #273842

    If you look at these 2 pages (links below) and the titles at the beginning of each page, you can clearly see there is a difference of padding. These pages are clones, only the text has changed.

    http://dreamevenbigger.com/big-dream/

    http://dreamevenbigger.com/health/

    I don’t understand how a cloned page can have different padding.

    As for updating I’m using 2.8, it has been maintained while I’ve been working on the site, should re-upload 2.8?

    #274539

    Both pages have a padding of 50px at the top that I can see when inspecting using dev tools right now.

    #274545

    Exactly, so why does one pages padding look different from the other when they are both set the same – 50px?

    • This reply was modified 9 years, 10 months ago by Snerp.
    #274910

    Hey!

    Thank you for using the theme.

    The theme adds a 30px top and bottom margin for elements that you added first. Try to add this on Quick CSS or custom.css:

    body .container_wrap .hr.avia-builder-el-first {
    margin: 0;
    }

    Cheers!
    Ismael

    #305281
    This reply has been marked as private.
    #305325

    Oh and the code block element also creates some space I cannot delete!

    #306137

    Hi @Gabster!

    Could you please detail which elements -in your website- need adjustments?

    Best regards,
    Josue

    #306222

    just look at the bigger white gaps between the background divs. Can you see them?

    #306527

    Hey!

    If you want to get rid of this space simply remove the hr element that is between each color section.

    Cheers!
    Josue

    #306640

    Hey Josue, well yes that would solve it indeed. Now I want some space – but whatever custom space I set in the hr element seems to be ignored – I cannot set it to 25 or -50. It stays the same size. I can make it higher…but not smaller…

    #306645

    Hey!

    Try adding this to the Quick CSS:

    div[id*='after_section'] {
        min-height: 30px !important;
    }
    div[id*='after_section'] .content{
        padding: 0 !important;
    }

    Change 30px for the height you want.

    Best regards,
    Josue

    #306655

    Thanks but no luck. Its always a higher min size. I can see the same behavior with the code element when it is between 2 page builder elements and has a width of 100%. The hr and code works fine within 1/2 element and others.

    #307574

    Hi!

    Elements are going to have default padding/margins when added in depending on the area since that is how things are written. For instance like that you can target them individually with either a custom class on the element or something like that (ID, class of elements on page).

    Right now that hr is inside of a container that has default spacing on it. If it were in one of the containers above or below it then it would not get those auto added values added into the mix.

    So the hr is getting the correct values but its inside of other elements you aren’t adjusting at the moment.

    Regards,
    Devin

    #307659

    Thanks Devin. Now is there any other way I can get 10px of space between my background containers when the hr element won’t do?

Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘HR Spacer seems buggered’ is closed to new replies.