Tagged: ,

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • May 30, 2014 at 8:14 am #272274
    Snerp

    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

    May 30, 2014 at 3:31 pm #272419
    Yigit

    Hey Snerp!

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

    Cheers!
    Yigit

    May 30, 2014 at 3:41 pm #272424
    Snerp

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

    • This reply was modified 10 years, 5 months ago by Snerp.
    May 30, 2014 at 3:46 pm #272429
    Yigit

    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

    May 30, 2014 at 3:57 pm #272436
    Snerp

    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.

    June 1, 2014 at 7:41 pm #273010
    Snerp

    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 10 years, 5 months ago by Snerp.
    June 3, 2014 at 2:03 am #273661
    Devin

    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

    June 3, 2014 at 12:43 pm #273842
    Snerp

    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?

    June 4, 2014 at 4:10 pm #274539
    Devin

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

    June 4, 2014 at 4:21 pm #274545
    Snerp

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

    • This reply was modified 10 years, 5 months ago by Snerp.
    June 5, 2014 at 3:48 am #274910
    Ismael

    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

    August 16, 2014 at 1:13 pm #305281
    Gabster
    This reply has been marked as private.
    August 16, 2014 at 6:02 pm #305325
    Gabster

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

    August 19, 2014 at 8:33 am #306137
    Josue

    Hi @Gabster!

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

    Best regards,
    Josue

    August 19, 2014 at 11:51 am #306222
    Gabster

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

    August 19, 2014 at 9:11 pm #306527
    Josue

    Hey!

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

    Cheers!
    Josue

    August 20, 2014 at 8:20 am #306640
    Gabster

    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…

    August 20, 2014 at 8:34 am #306645
    Josue

    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

    August 20, 2014 at 9:00 am #306655
    Gabster

    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.

    August 22, 2014 at 12:16 am #307574
    Devin

    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

    August 22, 2014 at 8:40 am #307659
    Gabster

    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?

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