-
Posts
-
I use enfold for my Manhattan law firm’s website laninlaw.com. I love the theme. I am trying to create a landing page here –
I have set it up with the sample demo that looks great and I want to use that as a template or guide. It looks good on my mobile device. However, on my desktop browser I see a lot of white space above the slider that I want to remove. I already have CSS code to hide the header and menu and don’t know how to move the slider so it appears higher on the page. Can anyone help me with that? Thanks, Scott Lanin
Hi Scott!
Can you please provide us a screenshot, what you want to remove and how you want it to look, so we ca nbe able to help you?
Thanks a lot
Best regards,
BasilisThanks. I did provide the link to the actual page – http://laninlaw.com/pages/landing-page-2/
how do I upload a screenshot? – the reply control panel here on the support page does not give any option for that
I have the screenshot but don’t know how to put it here – pasting it did not work
ScottHere you go – I put the image in my media file online
http://laninlaw.com/wp-content/uploads/nyforeclosurelawyer-layerslider-screenshot-10-25-16.png
Please let me know if there is a way to remove the extra space above the slider.
Thanks!Scott
this prior solution does not seem to help me remove the white padding above the layer slider
https://kriesi.at/support/topic/blank-space-above-and-below-layerslider/
this did not solve the issue either –
https://kriesi.at/support/topic/padding-layer-slider/Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#main main.av-content-full { padding: 0; }Best regards,
VinayThanks Vinay. I tried it but I still have the white space above the slider – http://laninlaw.com/pages/landing-page-2/
ScottHey!
You hid your header using custom CSS on your page. Please remove your custom CSS
.page-id-7659 #header { display: none; }then edit your page and choose not to display header on your page – http://kriesi.at/documentation/enfold/portfolio-item/intro-to-the-header-configurator/
Regards,
YigitThanks Yigit. That makes sense. I will try your method a little later today and let you know.
Appreciate your quick response and support.Scott
Hi there! I am having an issue with the same white space above my image. I put in the “turn off header” code in quick css, but big white space is still above the image. Tried the other suggestions here as well but no luck. It’s about 107px high. I need the image to be right at the top. Any help is apprciated!
Hi,
@arcadiamediaspace You do not need to add custom CSS, if you would like to hide header on a certain page, please simply edit that page and choose to hide header under Layout section :)Best regards,
YigitOk, that’s cool, however, I need the image to be right against the top. How to I remove all that white space above the image? I can’t figure out how to move the image up to the top of the page.
Ok, that’s cool, however, I need the image to be right against the top. How to I remove all that white space above the image? I can’t figure out how to move the image up to the top of the page.
Hi,
@arcadiamediaspace Please add following code to Quick CSS in Enfold theme options > General Styling tab.home #main { padding-top: 0 !important; }Best regards,
Yigit
- The topic ‘Advanced layerslider spacing – removing top margin or padding’ is closed to new replies.