CSS Help on the homepage of my site

Hi,

I need to add an arrow part to a button i have created in css to match the 2 buttons to the left of it (but in orange) as per the image attached. Could you provide the css so it shows the arrow bit in its before and hover state. Many thanks for your great service!

http://assetr.promoting-u.co.uk/assetr

  • Sajid
    • DEV MAN’s Sidekick

    Hi @Craig

    Hope you are doing good today :slight_smile:

    Try adding below code in custom CSS box or in style.css file of your child theme.

    #mainCaptionHolder a.button_dark_blue::after, #mainCaptionHolder a.button_dark_blue::before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -35px;
        border-top: 35px solid transparent;
        border-bottom: 35px solid transparent;
        border-left: 25px solid;
        right: -25px;
    }
    #mainCaptionHolder a.button_dark_blue::after {
        z-index: 2;
        border-left-color: #2f3133;
    }

    Take care and have a nice day :slight_smile:

    Cheers, Sajid

  • Sajid
    • DEV MAN’s Sidekick

    Hi @Craig

    Hope you are doing good today :slight_smile:

    Where you added that code ?

    Also if its okay for you, please grant support staff access, I will login and fix this for you.

    Take care and have a nice day :slight_smile:

    Cheers, Sajid

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.