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

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

Share this post


Link to post

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;
}


Share this post


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!

Share this post


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