Button Color/Shape in Image Cards

Site URL: http://www.karahardin.com

Hi there,

I have tried searching for a solution to this, but I can't seem to find a way to get the buttons in image cards to match the rest of my site design standards. Appears I can only do rounded buttons and I can't see anywhere to change the default color. Anyone know if this can be overridden with CSS?

2 hours ago, khardin said:

Site URL: http://www.karahardin.com

Hi there,

I have tried searching for a solution to this, but I can't seem to find a way to get the buttons in image cards to match the rest of my site design standards. Appears I can only do rounded buttons and I can't see anywhere to change the default color. Anyone know if this can be overridden with CSS?

DO you want it like that?

body.image-block-card-dynamic-font-sizing .sqs-block-image .image-block-outer-wrapper.design-layout-card a {
    font-weight: 600;
    border-radius: 0;
    background: #0a2202;
    padding: 13px 26px;
    font-size: 12px !important;
  
    -webkit-transition: .1s opacity linear;
    -moz-transition: .1s opacity linear;
    -o-transition: .1s opacity linear;
    transition: .1s opacity linear;
    -webkit-backface-visibility: hidden;
}
body.image-block-card-dynamic-font-sizing .sqs-block-image .image-block-outer-wrapper.design-layout-card a:hover {
    opacity: .8;
}

That's exactly it! Thanks so much for the quick response - worked perfectly!