Line appears when hovering over sidebar images

thisblogisagoner · Member · Jun 8, 2014 at 2:18 am
Copy link

Add topic to favorites
As you can see, when the cursor hovers over the image links to my social media pages, a horizontal line appears in the center of the image. I’m using a Text widget, and my theme is Oxygen. Can anyone help me get rid of the lines?

The blog I need help with is: (visible only to logged in users)
vinoddalvi · Member · Jun 8, 2014 at 7:50 am
Copy link
Hi @flashbulbcarnival,

Greetings and thanks for posting on the forums.

Could you please try using the following CSS code to remove the horizontal line that appears in the center of the image when hovering the cursor over the image?
```
#secondary .widget_text a:hover {
    border: 0;
}
```
You will find information about how to use this CSS code in your site using the CSS editor on the following page.
http://en.support.wordpress.com/custom-design/editing-css/

Best Regards,
Vinod Dalvi
thisblogisagoner · Member · Jun 10, 2014 at 1:07 am
Copy link
It worked! Thank you very much for the help.
vinoddalvi · Member · Jun 10, 2014 at 1:08 am
Copy link
You are most welcome, if I can be of any further assistance please don’t hesitate to ask :)
thisblogisagoner · Member · Jun 10, 2014 at 1:25 am
Copy link
I actually do have another question, though I don’t know if it’s at all possible.

My blog now has a picture of a dancer in the sidebar. I used a Text widget for that, as well. I’m wondering if there’s any way I can move the widget down, so that the dancer appears to be walking on the gray line at the bottom of the page. I don’t want to move the whole sidebar down, just the one image. I don’t know if it can be done, but if so, I think it would look cool. :)
vinoddalvi · Member · Jun 10, 2014 at 1:40 am
Copy link
Hi @flashbulbcarnival,

I’m wondering if there’s any way I can move the widget down, so that the dancer appears to be walking on the gray line at the bottom of the page.

Try using following CSS code to achieve it.
```
div#tertiary {
     margin-bottom: 270px;
}

#tertiary aside.widget_text {
     position: absolute;
     bottom: 49px;
     right: 0;
     width: 26.59574468%;
}
```
Best Regards,
Vinod Dalvi
thisblogisagoner · Member · Jun 10, 2014 at 1:52 am
Copy link
You are magical! Thank you! It worked and it looks fantastic. Thanks so much for your generous help with all of my silly questions.
vinoddalvi · Member · Jun 10, 2014 at 1:56 am
Copy link
You are always welcome :)

No items found.