X
31233

Ticket #31233 Public

Slider addon css problem

  • Hi,

    I have css problems with slider. As you see on screenshot, all text is behind to each other: http://prnt.sc/ejzrfv

    I tried to commend out .gallery a {  /* line-height0; */} and then came another problem: http://prnt.sc/ejzu25

    All text doesn’t fit in box. I am using page builder.

    My website url is testknowal-gw.eu

    I really appreciate if you can help me to sort this out.

    BY: proovikas - Mar 14,2017 AT 1:57PM - 3 years ago
    • By: infotainerdave Mar 14,2017 AT 7:01PM - Posted 3 years ago - #31244

      I am sorry, the access information you have provided did not work for us. Please check them and post the correct login information as a private message, thank you!

      A few questions

      • Can we make the font title smaller?
      • and the sub title a bit smaller
      • Can we push the date up higher (as in the large 20 martz)
      • let us know and I can go in and tweak a few things
    • By: infotainerdave Mar 15,2017 AT 2:49AM - Posted 3 years ago - #31276

      OK after removing some of the top padding I felt I didn’t need to change the size of the fonts I have added the following to your theme css right at the bottom (not myeventon>>>>styles ) as the eventon styles were not holding

       

      I added it to http://testknowal-gw.eu/wp-admin/customize.php    customize css right at the bottom

      .gallery a {
      line-height: 1;
      text-align: center;
      }
      .evosliderbox.ajde_evcal_calendar.multiSlider .eventon_events_list .eventon_list_event .evcal_cblock {
      padding: 10px 0 0 70px !important;
      }
      .evosliderbox.ajde_evcal_calendar .eventon_events_list .eventon_list_event::before {
      background-color: rgba(0, 0, 0, 0.4);
      }

      Let me break it down:

      This controls the line height of the text

      .gallery a {
      line-height: 1;
      text-align: center;
      }

      __________________________________

      This removes the padding- the 10px is top padding the 70px is left padding (I made it 70 so it is in the middle- looked better than on the left- it looked out of place but if you make the 70 40 for example it will go to the left

      .evosliderbox.ajde_evcal_calendar.multiSlider .eventon_events_list .eventon_list_event .evcal_cblock {
      padding: 10px 0 0 70px !important;
      }

      __________________________________________

      This is the black initial hover over the slider image- personally I found the white text too hard to read on certain slides like 19 martz See on ürituse pealkiri  it is hard to read because there is a bit of white on the image to make it lighter try 0.3 instead of 0.4 or just remove that css as it was initially 0.2

      .evosliderbox.ajde_evcal_calendar .eventon_events_list .eventon_list_event::before {
      background-color: rgba(0, 0, 0, 0.4);
      }

      I hope that was OK- if not let me know or if you are happy, we would greatly appreciate if you could kindly leave us a review at codecanyon! from your account > downloads. Cheers!

    • By: infotainerdave Mar 15,2017 AT 7:03AM - Posted 3 years ago - #31300

      OK I have added some more css in the same place as before

      .evosliderbox.ajde_evcal_calendar .eventon_events_list .eventon_list_event .evcal_desc span.evcal_desc2 {
      text-align: center;
      padding-left: 5px;
      }
      .evosliderbox .eventon_events_list .eventon_list_event .evcal_desc span.evcal_event_subtitle {
      text-align: center;
      padding-left: 5px;
      }

       

      and changed

      .gallery a {
      line-height: 1;
      text-align: left;  this used to be centre
      }

      thats about as good as I can get it

    • By: proovikas Mar 15,2017 AT 1:43PM - Posted 3 years ago - #31357

      Thank you very much!

    • By: infotainerdave Mar 17,2017 AT 4:27AM - Posted 3 years ago - #31470

      We are glad your issue is resolved, if you have any further questions or concerns please create a new ticket.

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