sparkling sidebar borders

Hi, I’m using Sparkling Child theme. I want to create a borderless front page, but I use sidebar section on that page and I want to disable the visibility of its borders. I tried to add some CSS codes but couldn’t find the right one. Would be glad if you help me. Thank you.


Please add this Custom CSS in Appearance -> Customize -> Additional CSS,

#secondary .well {
    border: none;

Let us know,


Hi again, thank you for the code, it works for the side and lower borders of my sidebar but i still have a trace on the upper part.

Can you check this situation also? Thanks in advance.

Hello there,

I hope you are doing well today.

You can use the following CSS code to remove the border on the top element by going to Appearance > Customize > Additional CSS and pasting it there.

/*Remove border*/
.cfa {
    border-bottom: none;

Best Regards,

Actually I don’t want to hide the call for action border. I am trying to hide the right sidebar’s upper line that can be seen in the attached image. I entered the given code and it worked well for the other sides but not the top. If it is possible to hide the upper line of the sidebar then I’d be glad. Thanks in advance.

hey there

Please add this CSS in appearance - customize - additional CSS

.well {
    border: 0px solid #DADADA;
    box-shadow: none;

If even this code not work then you have to provide a link to your website :slight_smile:

Colorlib Support Team

Finally it works! :slight_smile: thanks alot!


Nice to hear your problem is fixed ?
Now I will now close the topic and mark it as resolved.
Feel free to contact us again Thanks!