-
AuthorPosts
-
May 30, 2014 at 8:14 am #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.pngMay 30, 2014 at 3:31 pm #272419Hey Snerp!
Can you post the link to your website so we can provide you custom CSS code to eliminate extra spacing?
Cheers!
YigitMay 30, 2014 at 3:41 pm #272424Here you go: http://dreamevenbigger.com go to the “Health” page and the “Wealth” pages
- This reply was modified 10 years, 6 months ago by Snerp.
May 30, 2014 at 3:46 pm #272429Hi!
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 paddingRegards,
YigitMay 30, 2014 at 3:57 pm #272436That 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 #273010I’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, 6 months ago by Snerp.
June 3, 2014 at 2:03 am #273661Hey!
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!
DevinJune 3, 2014 at 12:43 pm #273842If 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 #274539Both 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 #274545Exactly, 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, 6 months ago by Snerp.
June 5, 2014 at 3:48 am #274910Hey!
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!
IsmaelAugust 16, 2014 at 1:13 pm #305281This reply has been marked as private.August 16, 2014 at 6:02 pm #305325Oh and the code block element also creates some space I cannot delete!
August 19, 2014 at 8:33 am #306137Hi @Gabster!
Could you please detail which elements -in your website- need adjustments?
Best regards,
JosueAugust 19, 2014 at 11:51 am #306222just look at the bigger white gaps between the background divs. Can you see them?
August 19, 2014 at 9:11 pm #306527Hey!
If you want to get rid of this space simply remove the hr element that is between each color section.
Cheers!
JosueAugust 20, 2014 at 8:20 am #306640Hey 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 #306645Hey!
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,
JosueAugust 20, 2014 at 9:00 am #306655Thanks 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 #307574Hi!
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,
DevinAugust 22, 2014 at 8:40 am #307659Thanks Devin. Now is there any other way I can get 10px of space between my background containers when the hr element won’t do?
-
AuthorPosts
- The topic ‘HR Spacer seems buggered’ is closed to new replies.