Navigation
Archive / dark lines on image link
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 13, 2017 at 4:05 pm #1405467
    finger123
    Participant

    HI

    I have pages where i have a bunch of images that link to the actual word press site pages. Upon hovering over images, there are lines to the left and right of each image. Is it possible to remove the two lines on the left and right of each image? I have attached the photo so you can see what i am talking about.

    March 13, 2017 at 11:34 pm #1405872
    Nico
    Moderator

    Hi There,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    March 14, 2017 at 1:35 pm #1406921
    finger123
    Participant
    This reply has been marked as private.
    March 14, 2017 at 3:26 pm #1407065
    Joao
    Moderator

    Hi There,

    I cannot replicate the issue.

    On what browser and device you are experiencing the issue?

    Let us know

    Joao

    March 14, 2017 at 3:53 pm #1407101
    finger123
    Participant

    i experience the issue on my windows 10 workstation. Using edge browser, chrome and even internet explorer. please see attached photo with red arrows. those lines are what i am talking about.

    March 15, 2017 at 1:23 am #1407617
    Lely
    Moderator

    Hi There,

    I did add those lines on my hosts file. Unfortunately, when I checked that link I am not seeing a wordpress site with X theme. See this screencast:http://screencast-o-matic.com/watch/cbeo136AEX Am I missing something here? It is definitely, that the same with your screenshot.

    March 15, 2017 at 10:09 am #1408099
    finger123
    Participant

    it is because you didnt host file your site. Please refer to my post #1406921 to get the host file instructions and login.

    March 15, 2017 at 4:13 pm #1408618
    Friech
    Moderator

    Hi There,

    Look for this custom CSS block on your customizer and change the value to white.

    a.x-img:hover {
  background-color: #B8B8B8 !important;
}

    Thanks.

    March 15, 2017 at 4:18 pm #1408619
    finger123
    Participant

    Hi. that doesnt seem to do it. that actually changes my hover over color to white which is not what i want. i want the hover over color to be the same as it is now which is gray however get rid of the dark lines on each side as indicated in my attachment.

    March 16, 2017 at 12:31 am #1409140
    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in! Sorry if it didn’t worked out. Please remove that code. You can make this code instead:

    a.x-img:hover {
  background-color: transparent !important;
}

    We would loved to know if this has work for you. Thank you.

    March 16, 2017 at 10:17 am #1409713
    finger123
    Participant

    hmm. i think this will work.

    thanks.

    March 16, 2017 at 10:40 am #1409756
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1405467 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>