How To Change Footer Links Color of Blogger Awesome Template

If you’re using the Awesome blogger template for your blog and you’ve set a background color for the footer section via the “Template designer’, the color might automatically become the background colour of your sidebar and footer widgets on the mobile view of your blog.

This might become frustrating on the mobile view of your blog if the colour of links on your blog is the same as the background colour of the footer section.

Just imagine a scenario whereby you’ve set green as the background colour of the footer section of your blog via the Blogger template designer and the colour of links on your blog is also green. This simply means links on your sidebar and footer sections will be invisible on the mobile view of your blog. This sucks, right?

So, what’s the way out?

All you need to do is to set a colour ( eg white) for links of the footer section of your blog.

How?

==> Sign in to your Blogger dashboard
==> Go to “Template” >> “Customize“. This will launch the Template designer.
==> Click “Advanced
==> Scroll down and click “Add CSS

Copy and paste the code below in the css box.

.footer-outer a:link,
.footer-outer a:visited {
color : #ffffff;
}

Click “Apply…”

css for Blogger awesome template

View your the desktop and mobile view of your blog and you should notice that the colour of the links in the footer section has changed to white.

Change #ffffff to #000000 if you want the link colour to be black.

I hope this works for you.

Recommended : How To Get Codes of Colour Online

6 Comments

Leave a Reply

Leave a Reply

We're glad you have chosen to leave a comment. Please keep in mind that comments are moderated according to our comment policy. Your email address is required but will not be published. No keyword stuffing in the name field and commenting from blah blah blah makes no sense. Thank You.

How To Edit Author Text of Blogger Profile Widget

How To Display Author Profile and Picture Below Posts Of Blogger Mobile View