How to Add Custom CSS HTML to WordPress Post


hello and welcome to red stapler Channel
in this tutorial I’m going to show you how to add a custom CSS effect to any
WordPress page or a post easily in just a few minutes ready let’s check it out there are a couple ways to add a custom
CSS to WordPress the first one is to use an editor to add your CSS to the theme
directly but this is a very bad practice since the CSS will be applied to the
entire site not just one page plus your code will be wiped out when updating the
theme the second method is to add an inline CSS using style tag directly into
the post this works for most case but you see that the CSS will also be
counted as content and Confuse the another plugin like Yoast SEO and ads
injection resulted in misplaced ads or even break your CSS code another
way is to use the additional CSS in WordPress customizer this is probably
the best way compared to the previous two but still the CSS will be applied to
the entire site and not the post so to solve this problem we are going to use a
WP add custom CSS plugin once installed you have the additional box at the end
of the post that allows you to add any extra CSS to that post only as an
example I’m going to show you how to add these 3d social media buttons to the
page first I’m going to copy the HTML into the post we need to do this in text
mode you can see that I also have JavaScript added too which is perfectly
fine next I’m going to copy over the CSS into the box and now we need a little adjustment
since the original code was added to the body of the page but here we are adding
to the post section instead so I’m going to create a wrapper div to wrap our code
and then copy the related CSS on the body to the wrapper and that’s it let’s
see the result so that’s all for this tutorial if you love this video hit like
button and subscribe to stay tuned with us for the next update thanks for
watching and see you next time bye

5 thoughts on “How to Add Custom CSS HTML to WordPress Post

Leave a Reply

Your email address will not be published. Required fields are marked *