How to remove both borders on posts page

Sparkling
1

Hi, I’d like to remove the border on both the sidebar and on the actual post. Took a screenshot of it.

Is it also possible to widen the area of the content part, I arrowed down the part where I want to change. Thank you.

2

Hi @aiiah,

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 .well,
#page .post-inner-content {
    border: 0;
}

@media (min-width: 992px){
.main-content-inner.col-sm-12.col-md-8 {
    width: 70%;
}

#secondary {
    width: 30%;
}
}

Best Regards,
Movin

3

Thank you! that worked but I’d also like to remove the border on the sidebar.

Here’s the link: http://www.thesolodrifter.com/category/sample-only/

And, did I do something to make the ‘Title’ too far from the featured image? as you can see also on the link…

Thanks much!

4

Also, how do I align the ‘Title’ text of my post to the width of the image?

5

Use the below custom CSS code to achieve this.

#secondary .well {
    border: 0;
}

body.archive .post-inner-content {
    padding: 45px 0 0 20px;
}

body.archive .blog-item-wrap {
    margin-bottom: 0;
}
6

did I do something wrong? the sidebar border is still there…

7

I visited your shared site and saw you are using comments in the CSS wrong way as shown in the attached screenshot.

It should be as following format.

/* CSS comments here */

8

Thanks for this one Movin!! I really appreciate your help and patience :slight_smile:

9

You are always welcome here :slight_smile: