Jump to content

Button on image card

Recommended Posts

11 minutes ago, suestrand said:

Jes, this is familiar to me, however can't adjust settings to image card button, no effect on that...

maybe you can adjust font using this code, i try edit font-size and this work for adjust button size


#siteWrapper.with-button-variants .sqs-button-element--primary {
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    text-transform: none;
    line-height: 1em;
    font-size: 1rem;
    font-family: adelle-sans;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    line-height: undefined;
    letter-spacing: .05em;
    font-size: 1.3em;


Edited by yogap
Link to comment

Oh yes! I had used the code below to edit image title and did not see the button section. So - I just changed the font size and hurray - the button looks ok now. Thank's for your support!

.sqs-block-image .design-layout-card .image-title * {
  background-color: unset!important;
  box-shadow: unset!important;}
/* change image button size */
.image-button, .image-button.sqs-dynamic-text {
    font-size: 1em !important;

Br, Sue

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.