-
AuthorPosts
-
August 31, 2018 at 2:04 pm #1004092
Hi,
is there a way to get a whitespace separator between/below items in the sidebar?
thanks
b.September 1, 2018 at 1:12 pm #1004340Hey Stefan,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - Widget border */ #top .news-wrap li.news-content { padding-bottom: 30px!important; margin-bottom: 30px!important; border-bottom:2px solid #000; }
Best regards,
VinaySeptember 1, 2018 at 1:54 pm #1004361Hi Vinay thanks! But this didn’t work :-(
I’ll give you temp admin access for the page, maybe you can see why? Need the them seperators as in the main content…September 1, 2018 at 2:10 pm #1004367Hi,
I tried to troubleshoot this issue but the login credentials you provided do not work for me. Would you mind checking once again and then send us working login credentials?
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
Best regards,
VinaySeptember 1, 2018 at 4:30 pm #1004415Hi Vinay,
I deleted the cache and tried in private mode,
no success :-(September 1, 2018 at 6:24 pm #1004439btw. I checked, “merging and compression” was disabled and I deleted cache in FF
September 1, 2018 at 11:20 pm #1004487Hi,
Thank you for the login, I checked your css and found that you were missing a }
I added it and now Vinay’s code works.
Please clear your browser cache and check.Best regards,
MikeSeptember 2, 2018 at 3:05 am #1004522Oops sorry, must have slipped my attention.
Just realised that this is a 2px #000 border. How would I get the same whitespace separator there like in the main area?
Thanks for your effort!September 2, 2018 at 4:50 am #1004539Hi,
Please use the Whitespace/Separator element and change the style option in the settings :)
Let us know if you need further help with it.
Best regards,
VinaySeptember 2, 2018 at 1:54 pm #1004632Hi Vinay,
Thanks again. I understood, how to modify whitespace as such. But I need a separator at the sidebar below the listed blog elements.
I don’t understand how to get the icon into the quick css instead of the present border.border-bottom:2px solid #000; background-image: url("separator.gif");
But the icon is likely no image but a font element…?
September 2, 2018 at 2:54 pm #1004634Hi,
I hope you don’t mind, I took a different approach to adding the hr with the icon, I added this code to the end of your functions.php file in Appearance > Editor:function custom_sidebar_hr(){ ?> <script> jQuery(window).load(function(){ jQuery( '<div class="hr hr-short hr-center side-bar"><span class="hr-inner "><span class="hr-inner-style"></span></span></div>' ).insertAfter( '#newsbox-2 li.news-content' ); }); </script> <?php } add_action('wp_footer', 'custom_sidebar_hr');
and I added this css to your Quick CSS
.hr.hr-short.hr-center.side-bar { margin: 0px !important; } .hr-short.side-bar .hr-inner { width: 90% !important; left: 15% !important; }
Please clear your browser cache and check.
Best regards,
MikeSeptember 2, 2018 at 8:06 pm #1004689Excellent! It works!
Can I ask, if I need to remodify functions.php with Enfold updates?
Thanks!!!September 2, 2018 at 8:25 pm #1004705Hi,
If you create a child theme https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#why-child-theme
You can add it there and it will save your time.Best regards,
Basilis -
AuthorPosts
- You must be logged in to reply to this topic.