July 18, 2015

How To Change Hover Background Color Of Linkwithin Widgets With CSS

|
By default, when you hover your cursor over the Linkwithin widgets, it shows a pale bluish-grey background color.

Maybe you like to change it to match your customized site color. When you hack it, you will have another color of your choice  framing the image widgets, each time when someone hovers his cursor over it.

Change Hover Background Color Linkwithin


This is what you do:

1. Log into your Blogger Dashboard.

2. Click "Theme".

3. Then click on the orange color "Customize" button.

4. Now click on "Advanced".

5. Drag the slider until you come to "Add CSS" and click on it.

6. Add this CSS code inside the box.

.linkwithin_posts a:hover {
background: #e98821!important;
}

Note: #e98821 is just an example. You can use any color of your choice by changing it to other HTML color code.

You can get your color code from: http://html-color-codes.info/.

7.  Then click  on the orange color "Add to Blog" button on the right hand top corner.