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

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

  • This topic has 5 replies, 2 voices, and was last updated 8 months ago by Leo.
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.