Ticket #25702 Public

Multi Slider Formatting

Hi ,

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 ūüôĀ ¬†)




BY: Brad MacLean - Jan 27,2017 AT 3:59PM - 5 years ago
    • By: Ashish Rai Jan 28,2017 AT 10:47PM - Posted 5 years ago - #25766

      Hi Brad,

      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:


    • By: Brad MacLean Jan 30,2017 AT 1:21PM - Posted 5 years ago - #26054

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



    • By: infotainerdave Jan 31,2017 AT 12:22AM - Posted 5 years ago - #26113

      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!

    • By: Brad MacLean Feb 3,2017 AT 1:27PM - Posted 5 years ago - #26754

      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!

    • By: infotainerdave Feb 6,2017 AT 6:15AM - Posted 5 years ago - #26953

      Thank you for your messages, I am going to assign this ticket to Ashish Rai 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

    • By: Ashish Rai Feb 18,2017 AT 8:01AM - Posted 5 years ago - #28589

      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:


    • By: Brad MacLean Feb 18,2017 AT 7:39PM - Posted 5 years ago - #28598

      Hi There,

      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.

    • By: Ashish Rai Feb 18,2017 AT 8:41PM - Posted 5 years ago - #28599

      Go to myeventon->styles and delete all the codes inside and save the settings.

    • By: Brad MacLean Feb 19,2017 AT 8:50AM - Posted 5 years ago - #28627

      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.


    • By: Brad MacLean Feb 19,2017 AT 10:06PM - Posted 5 years ago - #28653

      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.

    • By: Ashish Rai Feb 20,2017 AT 1:43AM - Posted 5 years ago - #28666

      Ok. Check now.

You must login to reply to this ticket


Welcome to EventON helpdesk.

EventON is the #1 Best selling event calendar plugin for WordPress websites in envato marketplace.

Checkout EventON