Join Our Telegram Group to connect with bigger community. Join Now!

Table of Content

How to Change the Color of an SVG on Your Blogger Site - Peak Fiction

How to Change the Color of an SVG on Your Blogger Site

Hello guys. Welcome to another post of Peak Fiction. Someone was asking to change the colour of this svg code in blogger website. Today we will talk on how to change the colour of an svg code. Normally even you change the colour from svg code it doesn't apply to blogger. Because all code have specific css. Adding a touch of personalization to your Blogger site is always a good idea. If you've been wondering how to change the color of an SVG (Scalable Vector Graphic) on your blog, you're in the right place. In this quick guide, we'll walk you through the steps to give your SVG a vibrant makeover.  
How to Change the Color of an SVG on Your Blogger Site - Peak Fiction

How to Change svg colour of entire blog:

Step 1: Log in to Your Blogger Account
Begin by logging in to your Blogger account and accessing the Blogger dashboard.
Step 2: Navigate to Theme Settings
On the left sidebar, click on "Theme" or "Theme > Customize" to access your theme settings.
Step 3: Click on Customise
Look for an option like "Advanced" and than Add Css option.
Step 4: Paste the css below:
.bi-check2-circle {
  fill: #8A2BE2; /* Replace with your desired color code */
}
Step 5: Save Changes
Save your theme or HTML changes.
You can join this telegram channel if you have any blogger releted problems.

How to change svg colour of Specific posts:

Now suppose that you don't want to Change all the svg colour but only in some specific posts. Than follow these steps: 
Step 1: Open your post.
Step 2: Go to "Html View".
Step 3: Paste the code at the top of that post and the colour will be changed for that specific post.
<style>
  .bi-check2-circle {
    fill: #8A2BE2; /* Replace with your desired color code */
  }
</style>
Preview your blog to ensure the color change is applied as expected. If everything looks good, publish your changes to make them live for your audience.
And there you have it! Changing the color of an SVG on your Blogger site is a simple way to add a personal touch and enhance the visual appeal of your blog.
Feel free to experiment with different color codes to find the perfect hue for your blog's style. If you have any questions or run into issues, don't hesitate to reach out. Happy blogging! 🎨✨
©️ Peak Fiction

Post a Comment