• Resolved DarkXess

    (@darkxess)


    Hi, ive got a small problem.. ive got my images with a link on them too.
    Just like the one on the picture below as its a download link. But when
    you hover over the images on any parts of the site! its got a blue line under it! but not hovering over is perfect!

    The picture shows you more what I mean, can someone help me please
    on how to fix it? thanks.

    https://i276.photobucket.com/albums/kk10/djkaplin/help-1.jpg

Viewing 11 replies - 1 through 11 (of 11 total)
  • 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?

    Thread Starter DarkXess

    (@darkxess)

    Ooops, sorry about that .. forgot the link to my site:

    https://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

    Thread Starter DarkXess

    (@darkxess)

    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

    Thread Starter DarkXess

    (@darkxess)

    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:
    https://www.w3schools.com/css/default.asp

    Thread Starter DarkXess

    (@darkxess)

    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. ??

    Thread Starter DarkXess

    (@darkxess)

    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)

    Thread Starter DarkXess

    (@darkxess)

    Thanks man… that did it! again… ??

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Img Problems’ is closed to new replies.