Ticket #31233 Public

• 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-height: 0; */} 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.