Remove thin grey border and make pictures wider

tavolga
asked 8 years ago

Hi, I have some trouble with code
How to remove 1px lines around text in posts and make pictures in post wider than text column? I want to remove left sidebar only in posts and make pictures fullscreen width, only clear screen with header, text column and 100% width pictures, is it possible? Now all pictures are sized into column width.
And the last question: Can logo been moved from left to the center of the header and menu buttons to the right?
Thank you in advance. I appreciate your work.

1 Answers

DominicStaff
answered 8 years ago

Hi,
To remove the border lines around text in single post, you can add the following code:

.single .item .item-inner { 
    border: none;
}

About the image in the single post and logo, you can send me your site for further checking.

To remove the left sidebar on each page you can use post id. If you want to find the class of post id, you can use debug (click F12) or Right mouse select Inspect.
See the screenshot: http://prntscr.com/9gnbau

Then use the following code to remove the left sidebar:

.postid-2721 #sidebar {
    display: none;
}
.postid-2721 #content {
    max-width: 1400px;
}
.postid-2721 #main {
    padding: 50px 8px 10px 50px;
}

NOTE: Just change the class of post.

If you still face there issue, you can tell me know the posts that you want to change, I will help you.
Regards,