Remove spaces from sidebar menu

Sparkling
1

I’ve put in a left sidebar which essentially acts as a sitemap. I’ve ticked it as a Social Menu, though the only social link it has at the moment is the Facebook link since that’s the only social media used right now.

My problem is that the spare space between the main menu items means that it all takes up a lot of room. Is there any way to tighten up the text in the sidebar? I tried this code I found in a similar post:

#secondary .widget_categories li {
padding: 0;
margin-bottom: 4px;
border: 0;
}

I tried replacing the word ‘categories’ with ‘sidebar’ and ‘social-menu’, but cannot get it to work. Can you help?

The site is at
http://santamariahotel.org

thanks in advance!

2

Hi @elvira,

I hope you are well today and thank you for your question.

You can tighten the text in the sidebar by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

#secondary .widget ul li {
    margin-bottom: 6px;
    padding-bottom: 6px;
}

Best Regards,
Movin

3

Hi Movin, thank you very much for replying. I’ve put that code in but nothing is happening. Does it make a difference where in the ‘Other’ CSS I insert it? I have a lot of extra CSS there (all picked up from these forums and your answers).

I’d like to remove the empty line between the sections as well as tightening the space between the lines. Is that possible?

Many thanks in advance

4

Yes please add the shared CSS code in the top of your added custom CSS code.

5

That’s brilliant, it now works very well. Thank you very much for all your help!

with all very best wishes from London and Paraguay

6

You are most welcome here :slight_smile: