Jump to content

Event Page Buttons

Go to solution Solved by DPruitt,

Recommended Posts

Hello! Is there a way to make the View Event buttons in my Upcoming Events list match the style of the View Event buttons in my Recent Events list? The button settings are the same for both in my Site Styles panel, so I am not sure what could be causing the buttons to look different. Maybe something in my Custom CSS? 

Any ideas would be greatly appreciated! 

Here is the link: https://www.broadwaygreen.com/bga-events

Edited by laurlaurfl234
Link to comment
  • Solution

Try adding this to the bottom of your custom css or alter any existing custom css:

.eventlist a.eventlist-button
{border-width: 2px !important;
    border-style: solid !important;
    transition: 0.1s background-color linear, 0.1s color linear;
font-family: brandon-grotesque !important;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    letter-spacing: .3em !important;
background-color: transparent !important;
    color: #272727 !important;
    width: auto !important;
    height: auto !important;
    padding: 1em 2.5em !important;}

.eventlist a.eventlist-button:hover
{background-color: #272727 !important;
color:#ffffff !important}

 

Edited by DPruitt
Added color code
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.