Archived topic

How to Add Border Color to all my buttons in a site

3 replies · Started by sandeep kumar on April 15, 2022

Viewing posts 1–4 of 4

April 15, 2022 at 10:59 pm #2190304

I'm currently using this CSS to display the same button all over the site

/* Button color to blue */
.entry-content .gb-button-wrapper a.gb-button,
.entry-content .gb-button-wrapper a.gb-button:visited {
background-image: unset;
background-color: #1f74bf;
}
/* Set hover color */
.entry-content .gb-button-wrapper a.gb-button:hover {
background-color: #e7a003;
}

And now I need to add some modifications to it like adding a Border Color eg https://ibb.co/nsscvWZ

Please let me know how to do it

Thanks

April 16, 2022 at 5:07 am #2190474

Hi there,

Change your first CSS rule to:

.entry-content .gb-button-wrapper a.gb-button,
.entry-content .gb-button-wrapper a.gb-button:visited {
    background-image: unset;
    background-color: #1f74bf;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-color: #f00;
}

Change your border-color and width to suit

April 16, 2022 at 5:45 am #2190497

Perfect David

Thanks

April 16, 2022 at 7:55 am #2190755

You're welcome

This archived topic is closed to new replies.

Start building better websites today.