Hello, @siddharthgiri!
Insert the following code into Customizing->General->Additional CSS:
.single-post .site-content,
.single-author .site-content{
flex: 0 0 100%!important;
max-width: 100%!important;
padding-right: 0px!important;
}
Regards
This code is working but this code is also hiding the sidebar and converting all the posts into a full-width post.
Please read my question again, I want to show full-width only in a few post, not in all posts.
Hello, @siddharthgiri!
In that case, you need to find the specific post ID number for the single post in which you want to apply the code.
To discover the post id, please follow the steps below :
1. Navigate in your browser to the Single post you want to work with.
2. Right-click on that page (anywhere) and select “Inspect Element“.
3. Search inside the site’s markup for the body tag. It should be one of the first element in the source.
You’ll see it has many classes. Look for the class that starts with “postid-…”. That’s the class you should use.
https://prnt.sc/s7y7dz
You can check THIS video guide
then, Open the Customizing->General->Additional CSS
and insert the below code.
.single-author .site-content,
.postid-4553 .site-content,
.postid-4253 .site-content
{
flex: 0 0 100%!important;
max-width: 100%!important;
padding-right: 0px!important;
}
Add the Post selector for every Single post you want to change the width. (Replace the post ID.) If you want to select more posts at once Separate the selectors with a comma.
Regards
Thanks for the reply!
I know how to do it manually using CSS code but I was looking for a normal way(Template option)
Please try to include this in the next update.
Regards,
Siddharth Giri
