Is there a way to add custom css code for specific posts? or do I have to install a separate plugin?
Hi,
If you refer to the template of posts then yes, you can set different template on posts ( default templates https://forum.tagdiv.com/post-templates-2/ cloud templates: https://www.screencast.com/t/UqM77CicJ ).
Also If you refer strict to the custom css then the answer is yes, but the css need to be add in Newspaper> Theme panel>Custom code >Custom css
https://www.screencast.com/t/n7S0V7zMMvr1
Thank you for your understanding.
If I add Css code there, isn’t it effective website wide? I want to add for specific post only
Hi,
If you set from that id/class post then will affect just that post, if you don’t set the right id/class will affect entire website.
Thank you for your understanding.
can you elaborate a little more? or show me an example?
what do u mean by id/class
Hi,
Here is an example:
https://www.screencast.com/t/priYeC5op
https://www.screencast.com/t/INXi7QnjVmm
Thank you.
if i edit with live css editor, it is effective for entire my site
Hi,
With live css I just give you an example.
I will give you another example.
If you want to customized this post https://www.screencast.com/t/vShNJ4B3 , clikc the right click on the page and click on inspect https://www.screencast.com/t/aX2Y5Bt0N7
let say that I want to have background color gray on the outside of content, and on content to have background color white
https://www.screencast.com/t/SRv4JjHshY
Please tell me what custom css do you need and, please provide a link to your website were I can inspect the problem and give you a custom css for it.
Also you can follow our tutorial about Create custom code with the browser’s Inspector or the Live CSS Box, here you’ll understand better how custom css work.
Thank you for your understanding.
like i said, if i do that, ALL MY OTHER POSTS takes that css into effect.
perfectbodymate.com/ I want to move the location of the social share box on my homepage to match the location for my posts.
Hi,
Please try this custom css:
@media screen and (min-width: 1364px){
.home .the_champ_sharing_container.the_champ_vertical_sharing.the_champ_hide_sharing.the_champ_bottom_sharing {
margin-left: -110px !important;
}
}
Thanks.
i don’t think you still understand my point.
That fixes my homepage, but again, it screws up my post
https://imgur.com/a/rw8rHdo
Hi,
Please copy and pest all code, this custom css is only for the home page, will not affect other pages or posts;
Please see:
https://www.screencast.com/t/MaJYYCmj
code in post: https://www.screencast.com/t/w3bg6NRyBHB
In home page: https://www.screencast.com/t/4tOQhBr0C
If the problem is still there please provide some screenshots from custom css implementation ( haw you set the css ).
Thank you for your understanding.
it works now. so you have to target the homepage by adding “.home” ?
there is no specific area to put css code where it only targets that page/post?
I am keep asking because my previous theme had it.
At the bottom of every post or page (editing area), it had an area to put css code
Hi,
Unfortunately for the moment you need to track the id post/page to do that.
You can use this guide Create custom code with the browser’s Inspector or the Live CSS Box , and track the id, or clasid https://www.screencast.com/t/66999rTUa0
Hope this will help you.
Thank you for your understanding.
