Okay
  Public Ticket #2073305
Footer - link hover in text widget
Closed

Comments

  •  2
    AntoniaRBD started the conversation
    July 8, 2019 at 2:57pm

    Hi,

    I'm trying to sort out the footer on my website which is proving a bit tricky.

    I've included a link within the footer text widget which works fine but when hovered across it  underlines it but the line is in the wrong colour. How do i change this? 

    Screenshot attached. 

    Thanks,

    Antonia

  •  2
    AntoniaRBD replied
    July 8, 2019 at 3:04pm

    Oh and is there also a way to not have a white space at the bottom of the footer? so that it stretches across?

  • [deleted] replied
    July 9, 2019 at 7:47am

    Hi Antonia,

    That is the color of your skin > Link Color (see video).

    As for the footer space I think that this is coming from your CSS customisations so please re-check those codes again.

    Thanks!

  •  2
    AntoniaRBD replied
    July 9, 2019 at 4:09pm

    Hi Ylli,


    I know the link colour changes based on this but is ther a way of overwriting it for the footer only? I'm happy with the link colour everywhere else but since the footer is yellow, it looks odd?


    Thanks,

    Antonia

  •  2
    AntoniaRBD replied
    July 9, 2019 at 4:16pm

    Hi Ylli, apologies, with regards to the footer spacing - I have removed all margins & paddings and it's still doing the same thing?

  • [deleted] replied
    July 10, 2019 at 8:01am

    Hi Antonia,

    1— This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area. I will try to help you this time thoughsmile.png

    Can you please add the code below to your Custom CSS area:

    footer.site-footer a:after {
    background-color: blue;
}
.site-footer .footer-bottom a:hover {
    color: blue;
}

    then change the blue color with the color that you prefer.

    2— I can see that you already removed the footer bottom spacing. If you want to remove top spacing too then you can apply this CSS code:

    .footer-spacer {
    height: 0px !important;
}

    Have a nice day!