Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 31, 2018 at 2:04 pm #1004092
    beenee

    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 #1004340
    Vinay

    Hey 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,
    Vinay

    September 1, 2018 at 1:54 pm #1004361
    beenee

    Hi 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 #1004367
    Vinay

    Hi,

    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,
    Vinay

    September 1, 2018 at 4:30 pm #1004415
    beenee

    Hi Vinay,
    I deleted the cache and tried in private mode,
    no success :-(

    September 1, 2018 at 6:24 pm #1004439
    beenee

    btw. I checked, “merging and compression” was disabled and I deleted cache in FF

    September 1, 2018 at 11:20 pm #1004487
    Mike

    Hi,
    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,
    Mike

    September 2, 2018 at 3:05 am #1004522
    beenee

    Oops 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 #1004539
    Vinay

    Hi,

    Please use the Whitespace/Separator element and change the style option in the settings :)

    Separator / Whitespace

    Let us know if you need further help with it.

    Best regards,
    Vinay

    September 2, 2018 at 1:54 pm #1004632
    beenee

    Hi 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 #1004634
    Mike

    Hi,
    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,
    Mike

    September 2, 2018 at 8:06 pm #1004689
    beenee

    Excellent! It works!
    Can I ask, if I need to remodify functions.php with Enfold updates?
    Thanks!!!

    September 2, 2018 at 8:25 pm #1004705
    Basilis

    Hi,

    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

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.