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

Event Page Style with CSS


DevonHarris

Question

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

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

.event-title

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