9/03/2015

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


Share :


5 comments:

  1. Works perfectly. Your rock boss!

    ReplyDelete
  2. Great Share Here.
    Will try this for my blog when am on PC.

    ReplyDelete
  3. This is educative enough boss

    ReplyDelete
  4. Thanks bros...In fact I removed my footer background because of this problem. I will surely try it. Thanks.

    ReplyDelete
  5. Anonymous9/21/2015

    Nice tutorial .
    www.proxze.com

    ReplyDelete

We love to hear from you!

Sign in to comment "anonymously" without entering verification text.

Want to be notified when I reply your comment? Tick the "Notify Me" box.

If your comment is unrelated to this post, please drop it at my Facebook group here.

THANKS.

Designed by Jide Ogunsanya.