Frank_Mound

Ideally...I have an online class that is held 7-8:30 each day, but the it begins with one session on a Sunday, then afterward it is on four Mondays, until the final class. That was the problem I was trying to solve, but just removed the times for a cleaner look and put that info in the description.

I believe it has worked! Thank you. So, the case is that any multiday event will have no times (and commas!) in the future, correct? There's no way to do individual events, only?

Site URL: https://www.frankmeuschke.com/upcoming-classes-events/2022/6/5/shifting-landscape-class Hi. For this events page, Wells Template, I have a multi day class that is on different days. To make the template-forced this date -that date make any sense, it's best to remove the time. What is the code injection to change only this event to have no time included on both the event list page and the independent event page? https://www.frankmeuschke.com/upcoming-classes-events/2022/6/5/shifting-landscape-class I've noticed on some other poster's attempts to remove the time, the comma after the year remains -I can also see that is an independent element in my inspector. How to make sure that is removed would also be helpful and look a lot better. If I cannot remove the time only, I am willing to remove the whole date and time for only this event. Thank you.

Wonderful! You're a savior. Curious about how CSS works since this new set of lines nearly repeats the previous CSS line below: /* gallery block gray color */ .slide, .sqs-gallery, .gallery-block { background-color: white;

Works great -thank you! Just one remaining thing -although 90% pf the gray is gone, there is still a light gray band at the bottom of the images in the gallery block. See attached.

Thank you -will give it a try now.

Site URL: http://www.frankmeuschke.com Hi, Got some help regarding various Gallery Block issues, but three things remain to be solved. I'm hoping for some CSS help on the below: There is a light gray fill around some or most images in the Gallery Block. I'd like that to disappear, if possible. I'd also like to shrink the font of the title of each image. I'd like the image change arrows to disappear when not hovering over image. Thank you!

Ok! Seems to be working after I removed former CSS. What I would like to do now is remove the light gray box that bounds the image (see attached) and if possible, make the title text a bit smaller font, or maybe Italic. I added -1REM to get the title box a bit closer to the image. Seems to work. Here is the code as it stands now: #block-a80fd1152cabf450a72f .slide.loaded .meta-title { color: #696969; white-space: nowrap; } #block-a80fd1152cabf450a72f .sqs-gallery { margin-bottom: 20px; } #block-a80fd1152cabf450a72f .slide.loaded .meta { position: relative; opacity: 1 !important; margin: -1rem; background: transparent; } #block-a80fd1152cabf450a72f .sqs-gallery-block-slideshow .meta-inside { padding-left: 10; }

Ok, so seems to me too many complications -didn't really work on all browser sizes. So I have changed the page to a blank with a gallery block. It is not as responsive, but I can have the description below the images. Is there CSS to change the characteristics of the hover title and scroll arrows -i.e. color of font, background transparency color and size, or even to push titles below image and arrows off the image. Thank you!

Also, now with your helpful CSS, playing around with adding a description under the image. That overlaps the image now. I'm sure there is code to drop the text below an image which has no set size (based on browser window size). Getting closer!

Ok, I can change the double spacing via the text box formatting, so that problem is solved. What I'd like to see is the image title change with the left edge of the image instead of being fixed on the left edge of the image wrapper or container. Is that possible?

It seems to work, thank you! However, two details I need to fix. As in the sample below, it appears the image title isn't in line with the image, it is to the left. The other issue that has changed since the CSS -on other gallery pages, where there is a description below the image, the description appears double spaced. Examples below:

Site URL: http://www.frankmeuschke.com Hi. Looking for help with CSS injection to change position of the image title in Wells 7.0 Gallery Page. It appears to be either on the left sidebar when large or overlapping image when medium size. I'd really like it to be 1.5 lines beneath the image, left side and stick with that placement regardless of browser window size. I've used this forum to find code to inject to change the font size of the image title (great, thanks!), but I see it is still the same in mobile (thick font -darn ugly) and I'd like that to be the same lightweight (normal?) font as on the desktop version. Thank you. Attached are some page examples of the image title location problem and the mobile version thick font. www.frankmeuschke.com