How to get separate border for each widget in sidebar

Sparkling
1

Hey Guys – Love the Sparkling Theme :).

I’m new to WordPress. My website is http://geekbaba.com.

I am willing to have separate border for each individual widget in sidebar like in example attached image.

2

Hi @abhishek110,

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

You can try achieving this 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 {
    border: 1px solid #DADADA;
    padding: 30px;
}
#secondary .well {
    border: 0;
    padding: 0;
}

Best Regards,
Movin

3

Thank you Movin.
Worked like a charm…!!

4

Is it possible to reduce the inside padding too ?

5

You are most welcome here :slight_smile:

You can reduce the inside padding by changing the value 30px in the above shared CSS code.

6

great help Movin, Thanks a tons.

7

You are always welcome here :slight_smile:

8

Olá, é possível, fazer o mesmo procedimento para a lista de artigos?

gostaria de colocar uma borda que separasse cada artigo da lista em sua area e que fosse possivel mudar a cor desta area, separado da cor de fundo do site e ao visualizar o artigo tivesse também essa area com cor diferente

segue em anexo a maneira que gostaria que ficasse

9

@gafaelgorini To help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/sparkling/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Also it’s English forum and most of the members including me here only understand English language so it would be better if you post on the forum in English.

If you don’t know English then you can translate your Portuguese statements in English using the following Google translator and then add here the translated English text.

https://translate.google.co.in/