Okay
  Public Ticket #2755234
Change font-size on Event details
Closed

Comments

  • LSEI started the conversation

    Hi,

    I want to increase font-size on events views because it's really really too small. When i change the css in the navigator inspector it works , but when i enter specific css in Elementor plugin or in the Theme settings there is no change.

    I manage to change capacity but not the town and the other details

    i try this <style> css  </style> but it's not allowed in elementor or in the theme settings

  • [deleted] replied

    Hi, LSEI!

    Thank you for choosing Amelia (againsmile.png).

    You have to inspect these elements, find suitable selectors and apply the font size to them.

    Or you can send me the URL to the booking page, so I will try to do it for you.

    Best Regards. 

  •   LSEI replied privately
  •   [deleted] replied privately
  • LSEI replied

    Yes, i have already tried with ! important :)

    thanks for your email

    you can connect to the wp-admin now 

  • [deleted] replied

    LSEI,

    Do you have any access restriction settings on your site?

    78OTmKeIUsZzrzmVR82PM5uhjly9JMEMcVmUPrazKgtSK-TtZG2mS64jkFpCXfwB2x4JF2X7gS1BUxIM7RvjpsPpMZZjV3LwmlzysgwUhmhwSjb2UocSPI8lGdT9ArHDuYCFGihH
  • [deleted] replied

    Ah, never mind, I found the answersmile.png

  • LSEI replied

    no i d'ont 


    i'm goin to publish the page

    try again with this please :https://dev.ifjs.net/stage-massage-minute/

  • [deleted] replied

    LSEI,

    I'm afraid I will have to contact our front-end developer since my skills aren't enough to figure out why CSS can't be applied.

    That would be very helpful if you publish the page, so our developer can easily access it.


  • LSEI replied

    ok , thanks for your help

    the page is published :)

    https://dev.ifjs.net/stage-massage-minute/

  • [deleted] replied

    LSEI, our front-end developer send me this CSS, please take a look.

    1. Event title:

    .amelia-app-booking #am-events-booking .am-event-list .am-event .am-event-data .am-event-info .am-event-title {
       font-size: 22px;
       line-height: 1.5; }

    2. Event sub-info blocks:

    .amelia-app-booking #am-events-booking .am-event-list .am-event .am-event-data .am-event-info .am-event-sub-info > div {
        font-size: 18px;
    }

    3. Event sub-info blocks icons:

    .amelia-app-booking #am-events-booking .am-event-list .am-event .am-event-data .am-event-info .am-event-sub-info > div img {
       max-width: 20px;
        width: 100%;
        max-height: 20px;
        height: 100%;
    }

    Please let us know if it worked.

    Best Regards. 



  • LSEI replied

    I've tried exactly with the same additionnal css and it doesn't work

    It's why i asked for some help :) because i d'ont understand where is the problem

    .amelia-app-booking #am-events-booking .am-event-list .am-event .am-event-data .am-event-info .am-event-sub-info > div {
        font-size: 18px;
    }

    see attachment...as you can see there is no effect on the sub-info- block...

    in my first message i gave you one screenshot with exactly the same css as you just give to me now in you last answer..

    please read my post carefully and also attachment files....:) And as you can see on this first post , the css work in the inspector of the navigator but don't work in Addiotnnal CSS of the theme or Elementor...

  • LSEI replied

    it was my first attachment files in my first post

    You can see that when i put the font size at 16px it works


    But once again it works only in the inspector of the web broswer , but when you paste this code in addtionnal css....pfffff...no way ...



  • [deleted] replied

    Sorry, I didn't realize it was exactly the same CSS.

    Hmmm, interesting. Probably the way you tried to add it as HTML with the <style> ... </style> tag was correct, the only thing is: you have to try adding it directly to the page and not through Elementor.

  • LSEI replied

    yes i think the only way is to change the css files directly in WP folders...but for the moment i don"t have access to it, i'm waiting for my client answer.

    But really i don't understand why it doesn't work in additionnal CSS

    Maybe there is some JS script interferring with this css

    thanks for your time

  • [deleted] replied

    LSEI,

    Our front-end developer asked if he can use the credential you've provided to log in and fix it for you. Would you mind?

  • LSEI replied

    yes of course you can :) thanks


  • [deleted] replied

    LSEI,

    Thank yousmile.png

    Our developer confirmed he added the CSS, please check it out.

    As far as I can see, the font size was changed.

    Best Regards. 

  • LSEI replied

    Hi Lisa,

    i find a way to do this editing the css files directly in the folder, so the modification is effective on all pages of the website.

    Thanks

  • [deleted] replied

    Hi, LSEI!

    Oh, that's greatsmile.pngAnd thanks for informing us. 

    Please feel free to contact us if you have any other questions.

    Best Regards.