Can you tell me how I can get the left hand thumbnail to be larger, like the live view?
The live view sample on your web site (the one with the ukulele) is how I would rather see the thumbnails, or better yet, without border but filling up the left hand side of the date bar entirely. Can you tell me what CSS code would be needed to do accomplish that? https://theriver.church/wp-content/uploads/2021/12/thumbnail-request.png
Thank you!
–Jim
-
-
Dec 2,2021 AT 4:38PM -
Posted 2 years ago
- #261504
-
Dec 2,2021 AT 4:38PM -
Posted 2 years ago
- #261506
..instead of this:
-
Dec 2,2021 AT 11:14PM -
Posted 2 years ago
- #261517
Hi James,
You can use the custom CSS code below:
.eventon_events_list .eventon_list_event .ev_ftImg {
background-repeat: no-repeat;
width: 150px;
height: 100px;
max-height: 100px;
}
Add the code in EventON > Styles ( (If you don’t see any change, EventON > Scripts & Styling > turn off Write styles to header > save settings > turn on Write styles to header):
-
Dec 3,2021 AT 10:31AM -
Posted 2 years ago
- #261569
Thank you, that made a huge difference!
Is there any way to remove/reduce the padding around the image so that it basically takes up the entire left end of the bar? Still a tad wide.. If possible to make it look more like the image I had uploaded… Thank you so much if you can help me with this. Love the product, really looks nice.
-
Dec 3,2021 AT 1:01PM -
Posted 2 years ago
- #261600
Hello,
This code should work:
.eventon_events_list .eventon_list_event .ev_ftImg { margin: -20px 20px -20px -20px; height: 112px; max-height: 112px; }
-
Dec 2,2021 AT 4:38PM -
Posted 2 years ago
- #261504