Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

Event Page Style with CSS



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


Edited by DevonHarris
Initial Revision
Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

5 answers to this question

Recommended Posts

  • 0

/* 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;

Link to post
  • 0

@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


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

Link to post

Create an account or sign in to comment

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

  • Create New...