probably some border, or paddding, or background color on one of the a:hover styles.
link to your site, pointing to the post/page with the problem?
Ooops, sorry about that .. forgot the link to my site:
http://www.darkxess.com/
Thanks.
it is caused by the background color in this global style in style.css of your theme:
a:hover{
color: #fff;
background-color: #2d83d5;
text-decoration: none;
}
as this is part of the design,
just make a new style, more specific for the link in the textwidget(s):
.widget_text a:hover { background: none; }
or even more specific just for the twextwidget with the images:
#text-2 a:hover { background: none; }
add the new style(s) either after the other link style, or at the bottom of style.css
Ok, so I need to edit which? the style.css or another?
maybe the template? and where, server side or I can do it though
the cms?
Thanks
just edit style.css
either:
‘dshboard’ ‘appearance’ ‘editor’ check theat your theme is seledted; and selsct style.css to edit
or:
using ftp, get the server copy of the style.css, edit it locally on your computer, and ftp it back up to the server to its original location
or:
your theme might have options to edit styles or add custom styles
Sorry, im kind of lost now… how to make a new style? I cant just
edit a line with something that would make it work? im new to wordpress
so please forgive me.
Im looking in the style.css now and see so much! lol, is there anything I need to look for to change or what?
Thanks again and sorry.
to make a new style, just find a space after a } (which closes an existing style) and type/paste the new one.
im new to wordpress
this is not even about wordpress – this is basic css:
http://www.w3schools.com/css/default.asp
LoL I didnt mean that, in fact I meant to say im not good at css!
others im ok with, just css is a pain! lol.
Anyways, thank you so much, ive done it now. 🙂
Hey alchymyth .. sorry, but ive noticed its not worked fully! only on the
widget itself, but not in my posts! so what do I need to add to fix that?
Thanks again
this might help:
.postbody span a:hover { background: none; }
add it after the other style.
(if you have the problem with other linked images in the post as well, then you might need to change it to:
.postbody a:hover { background: none; }
which then might also supress the blue highlight on other links in the post)
Thanks man… that did it! again… 🙂
