Hoping you can help me with some styling stuff . It’s related to the multi-event slider I have on my homepage ( if you scroll down on website URL i provided above, you’ll see a section titled “Events”. You’ll see that each event is an equal sized square. I’m trying to get each to be more of a rectangle and take up the full width of the container/wrapper they are in. Can you help me with the CSS to achieve this or is there something can need to do related to the featured images?
Here is how the slider looks now:
Here is how i want it to look ( I was able to get it to look like this using chrome’s dev tool console but can’t figure out the CSS 🙁 )
BradJan 27,2017 AT 3:59PM - 5 years ago -
This will take some time because you will also need to work with the theme’s css,
So, for modification, please send a request using the form below:
Ok. Thanks for the suggestion. Would you be able to help me with the following style change without a customization request? -need to remove the Beige Hover color that shows up when you hover over each of the event items in the slider. These events are marked as featured and because of that, it appears a background color is added upon hover. Here is the link to my homepage that contains the slider (just scroll down a few sections).
ok i have added a style to your theme custom css – i like it the mouse over creates a lighter picture
If you have a moment, we would greatly appreciate if you could kindly leave us a review at codecanyon! from your account > downloads. Cheers!
Thank you. This worked! There’s another formatting issue I’m facing . It’s related to how the multi-slider responds on different screen sizes. When you size the screen down to Mobile size (400px or something) then the mutli-slider essentially transforms into a carousel slider showing only one event. This is good; love it. However if you size the screen down to tablet size for example (say 767px), all three events show (no carousel) and they look very squashed. Can you help me set the CSS where the slider flips from multislider to carousel slider with 1 event showing at a time, for any screen size less than 768px? Thanks so much!
BTW, planning to add positive review to codecanyon as requested!
Thank you for your messages, I am going to assign this ticket to and he will be able to take it from here and find you a solution. Please allow some time for him to get back to you, we greatly appreciate your patience and thank you for being a eventon customer!
Sorry I wish I could help I leave for a week break in 4 hours
Please check now.
As a workaround, i have used some custom css code.
However, please note that it may not display some elements like in the original setup.
It will need a lot more work and, if you want, you can send request a paid service using the form below:
Thanks for the work butI need to show all elements and am not in position to pay for service work. Could you please remove the custom code as quickly as possible. Some of the events are no longer showing and I’m planning to go-live to production very soon.
Go to myeventon->styles and delete all the codes inside and save the settings.
It looks like it’s been deleted however the behavior is still persisting – there is only one event element showing on mobile (there should be three in the carousel. I purged all cache and refreshed but still the behavior is persisting. Please advise.
URGENT: Need help resolving. Your CSS styles have been removed, cache purged, and browser refreshed.. but style is still persisting. Your code must be somewhere else? Where? Please help as I’m going live soon.
Ok. Check now.