Tagged: gaps, spacing, whitespace
-
AuthorPosts
-
January 29, 2015 at 4:50 am #387532
I tried to deal with this but it’s getting to be ridiculous. Throughout my site I’m building at (See Private Data) there’s just too much space between sections all over the site. I tried the following code from one post but it removed ALL spacing and squeezed everything together.
#main * {
margin: 0 !important;
}I tried adjust the margin: 0 !important and it only put things back to the way it was.
How can I fix the spacing issues I’m having? Please see private data for pages with the issues.
January 30, 2015 at 9:39 am #388164Hi voice903fm!
Thank you for using Enfold.
Try to adjust the content padding with this on Quick CSS:
.content, .sidebar { padding-top: 20px; padding-bottom: 20px; }
Cheers!
IsmaelJanuary 30, 2015 at 5:33 pm #388357Ismael, that didn’t show any effect on the spacing. I removed it. You have the admin access so feel free to tinker with it.
February 1, 2015 at 5:54 am #388927Hi!
The code should lessen the top and bottom padding of the content. Is that what you want? If not, please provide a screenshot. I checked the page but you didn’t add the code. Please add it on Quick CSS.
Regards,
IsmaelFebruary 4, 2015 at 9:21 pm #390927OK I put it back and I’m still seeing extra spaces between the Special Heading elements and the Separator elements .
Are you using the information I put in the PRIVTE DATA section of the post?
February 5, 2015 at 6:07 pm #391501Hey!
Please add following code to Quick CSS as well and adjust as needed
body .column-top-margin { margin-top: 20px; } .av-special-heading { margin-top: 20px; }
Cheers!
YigitFebruary 5, 2015 at 6:29 pm #391523Ok that only fixed the home page. And it only fixed the Latest News section on the home page. It didn’t do anything for the In Our Store section of the Our Latest Photo Album sections on the home page.
It also didn’t do anything for the spacing issues on the New page. SEE LINKS IN PRIVATE DATA above.
February 6, 2015 at 12:37 pm #391973Hi!
I’m sorry but we’re a little bit blind here. If you can provide screenshots of the spaces that you want to remove, it’ll help a lot. Yes, we checked the pages but there are different elements or content on each of them so we do not know for sure which one to modify. Try this to remove the margin on separator element:
body .container_wrap .hr.avia-builder-el-last, body .container_wrap .hr.avia-builder-el-first { margin: 0; }
Regards,
IsmaelFebruary 6, 2015 at 8:10 pm #392246This reply has been marked as private.February 9, 2015 at 11:20 am #392937Hi!
Please use the following code:
.av_promobox { margin: 10px 0; } .hr-full, .hr-big { margin: 10px 0; } .avia-content-slider { margin: 10px 0; }
For further modifications, please visit Envato Studio or Werkpress.
Regards,
IsmaelFebruary 9, 2015 at 8:16 pm #393274That’s good for the promo box but I need the code for the 1st and 4th sections of spaces indicated in the screen shot photo.
February 10, 2015 at 9:43 pm #394006Hey!
Add this:
.avia-content-slider .slide-entry-wrap { margin-bottom: 10px; }
Cheers!
IsmaelFebruary 11, 2015 at 7:51 pm #394639Great! that fixed all the others spaces except the space in the 4th section between the the special heading “Our Latest Photo Albums” and the actual albums. I’m referring to the very last section on my screenshot above. That space is still too big.
February 12, 2015 at 1:54 pm #394981Hi!
Where can we find that particular page? It’s not included on the list of pages you provided above.
Best regards,
IsmaelFebruary 12, 2015 at 6:15 pm #395210This reply has been marked as private.February 13, 2015 at 12:52 pm #395648Hi!
Please add following code to Quick CSS as well
.sort_width_container { margin: 5px 0; }
Best regards,
YigitFebruary 13, 2015 at 5:42 pm #395908That did it!!!!! OMG! This theme is the best! You can close this thread. Where can we make donations?
February 13, 2015 at 5:48 pm #395912 -
AuthorPosts
- The topic ‘How to reduce spacing between sections?’ is closed to new replies.