🎉 Happy 4th of July! Get 15% off GP Premium with the discount code: 4THOFJULY2020

[Resolved] Having trouble with the style of a button link

Home Forums Support Having trouble with the style of a button link

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1175067
    Michael

    Hi guys,

    I have added a “Leave Review” button on the bottom of our home page:

    https://reclaimdesign.org

    I find myself unable to override the border-bottom: 1px dotted #539c22; I’ve put into place for .row a. Currently if you hover over the button it shows up.

    I need the border for other areas of the site, but I’d just like to override it for .reviewbutton. I have tried every variation of targetting I can think of but the border on the hover over the button refuses to budge. Please could you tell me where I’m going wrong?

    Thank you very much 🙂

    Michael.

    #1175410
    Leo
    Staff
    Customer Support

    Hi there,

    This should help:

    .row a:hover {
        border: none;
    }
    #1175460
    Michael

    Hi Leo,

    Thanks very much for getting back to me. There are other items using the row class on that page that the a:hover refers to which I need to keep the border for. I needed to get my specificity right for the button itself I thought, but have not been able to manage it.

    #1175524
    Leo
    Staff
    Customer Support

    That case you’d need to add a specific class to button then target that instead.

    For example, if the specific class is button, then this CSS should do:

    .row a.button:hover {
        border: none;
    }
    #1175549
    Michael

    Thanks Leo I added another class and it’s working 🙂

    #1175555
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.