Multi Slider Formatting

25702

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:

http://w2worg.wpengine.com/wp-content/uploads/2017/01/event-is.jpg

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

http://w2worg.wpengine.com/wp-content/uploads/2017/01/event-want.jpg

Thanks!

Brad

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:
  
  http://customer.ashanjay.com/submit-customization-requests-for-eventon/
- 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).
  
  Thanks!
  
  Brad
- 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:
  
  http://customer.ashanjay.com/submit-customization-requests-for-eventon/
- 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.
  Thanks,B
  rad
- 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.
  
  Brad
- 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.
  Thanks,
  Brad
- 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

HelpDesk

Welcome to EventON helpdesk.

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

Checkout EventON

LifePress

Journal your life events

You are the creator of events in your life. Journal & track them to make positive progress.

Download free

ActionUser Addon

Enable front-end event submissions with ActionUser

EventON ActionUser addon can allow your customers to submit & manage events from frontend.

Checkout More Info

Tickets Addon

Sell Tickets without commissions

EventON Tickets addon cam allow you to sell tickets right in the eventCard and take control of your profits!

Learn More