Jump to content

Event Page Style with CSS

Recommended Posts

Hello!I'm having a really difficult time styling the events page as nothing seems to be responding except the type of text. This is what I have and here is a link. My questions are:

  1. Can I style the "request a quote" button only?
  2. Why is the second name ("Devon") center-aligned, while the first is not? --see picture attached
  3. Can I have the thumbnails slightly smaller on mobile view?
  4. Targeting the "Request a Quote" form for in-line

alt text

qss.png.5cbc3c641119fe80a621ed18a97b33b0.png

Link to comment
  • Replies 5
  • Created
  • Last Reply

/* Request a quote style */
.form-block .lightbox-handle {
   background: #f1f2f3;
   color: #000;
   font-size: 10px;
   padding: 10px 20px;
   border-radius: 20px;
   border: 1px solid green;
}


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

@tuanphan thank you so much, your answer worked for the button styling!

To fix the second heading, I just had to insert a text-align: left !important code into my css for eventlist title. However I'm still wondering if we can add a media query to make the thumbnail images (for events only) smaller on mobile view? Also is there a way to style the individual event pages? I'm unsure of the marker, as

.event-title

is not tagged properly (regarding individual event urls). Hoping you can assist!

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.