-
Posts
-
I am trying to use the HorizontalRuler “Whitespace” to increase spacing between LayerSliders on my page. The HorizontalRuler only seems to respond when at the default value or greater. It wont insert a “Whitespace” of lets say 5px. It still appears on the page to have the 50px spacing. I tried to work around this by creating a “blank” LayerSlider with a 5px height. This appeared to work well but led me to another problem. 3 LayerSliders on a page seemed to work fine but once I added a 4th LayerSlider the LayerSliders would be in front of the header when I scroll the page.
1.) Ideally I would like to be able to accomplish this with the Horizontal Rulers, as I have used them in the past without issue.
2.) I would also like to be able to resolve the issue with having more than 3 LayerSliders on a page.
3.) I had purchased the full version of LayerSlider for some other projects. Is it possible to install and use this instead of the version that comes with Enfold?Thank You.
Hey D5WDesignGroup!
1- Please add following code to Quick CSS in Enfold theme options under Styling tab
#after_layer_slider_1 .hr { margin: 70px 0; }2- Can you post the link to your website?
3- Please see Ismael’s post here https://kriesi.at/support/topic/can-i-update-the-layerslider-wp-plugin-to-layerslider-wp-5-0-2/#post-215169Cheers!
YigitHi!
Please try adding following code to Quick CSS instead
.hr { padding-top: 50px!important; }Regards,
YigitThat did not work either. The horizontal rulers are broken. None of them are working properly. I shouldn’t need to use Quick CSS to fix them. Maybe I wasn’t clear before, none of the settings for Horizontal Ruler work. Whether I choose whitespace or default or full width separator no spacing works, no separator lines appear, nothing happens. Can you please tell me how to get them working as they used to?
Hi!
The only thing I can think is that another plugin is causing a conflict with the avia builder elements or that the theme files have gotten corrupted so that they aren’t rendering properly.
So you can try first deactivating all active plugins and then seeing if that changes the output. When doing so, try creating a page with elements using the avia layout builder and then separating each with various whitespace HR elements of various settings.
Also try re-uploading the theme files after downloading theme from your downloads on ThemeForest except this time use FTP following this guide so you can check to make sure there are no errors with the upload: https://vimeo.com/channels/aviathemes/67209750
Cheers!
DevinI have tried all of the above and nothing has made a difference. The horizontal rulers are still broken.
Can you point out an example showing what exacty is broken and where? Eg the page I mentioned building with examples of each HR at various heights.
Here is the test page:
http://startwishing.com/test-page/
The page contains:
1.) LayerSlider
2.) Horizontal Ruler/Short Separator
3.) Color Section
4.) Horizontal Ruler/Fullwidth Separator
5.) Color Section
6.) Horizontal Ruler/Whitespace/10px
7.) Color SectionI’m not sure what the issue is. Each of those is displaying correctly if you remove the custom css adding padding to hr elements.
Can you please explain? I removed any of the previous css that I was told to add to fix the problem from the Quick CSS area. They still do not work. The custom whitespace is not showing the correct amount of space and the separators don’t show the divider lines.
If you can post an admin login as a private reply I’ll take a look at what the settings are vs what shows on the front end but just from inspecting the code of that page the display of each element looks correct.
I’ve added this to your Quick CSS:
/*HR Colors*/ .hr span { border-color: #333; }With the main color set to white it also sets your HR elements to white too.
As for the output of them, everything is correct.
Previously it seemed that the Horizontal Ruler/Whitespace could be set to small values to give a little space between content. Is that no longer the case? Whether I type in 5px 10px or 20px the height of the whitespace does not change. Again, this is the main issue. I can not set the Whitespace spacing properly.
Hey!
The HR element on the test page is working properly. You set it to 10px and it applied the height property with 10px value. This is the html code of the horizontal rule on this page: http://startwishing.com/test-page/
<div style="height:10px" class="hr hr-invisible avia-builder-el-7 el_after_av_section avia-builder-el-no-sibling"><span class="hr-inner"><span class="hr-inner-style"></span></span></div>Cheers!
Ismael
- The topic ‘Horizontal Ruler Whitespace Problems.’ is closed to new replies.