• Resolved Andreas

    (@feuerwehrkfurt)


    hello Support.

    Now I have a new problem after updating the “live site” to the newest theme version 1.3.4…

    If I visit the site with a smartphone (tested with a galaxy S20 and a galaxy a5-2016) the slider images are not resized correctly.

    Before the update the image was resized that I was able to see everything. But now I can only see a little part of the image in slider.

    in customizer the problem also is visible.

    Hope you are able to assist me in here. thanks.

    Andreas

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi

    Thanks for contacting to us.

    To resize slider image in tablet and mobile devices for this add the below css code inside the Customizer >> Header setting >> Additional css box.

    @media (max-width: 600px) {
    .homepage-mycarousel .carousel-inner > .item > img {
    width: 100% ! important;
    }
    }

    Let us know if you have an confusion.

    Thanks & Regards

    Webriti Support Team

    Thread Starter Andreas

    (@feuerwehrkfurt)

    Hello,

    now the image is resized but the text and the “read more” button are now not or not fully visible, if the picture has out standard 2:1 format. If I use 1:2 format pictures it works.

    Do I now have to change those 2:1 pictures or do you have an idea how to fix this issue with additional CSS code?

    With the typography settings I am just able to resize the slider-class “.slide-text-bg1” and not the slider-class “.slide-text-bg2”.

    I hope you can assist me again in this case ??

    Thanks in advance.

    Hi

    Yes You need to change slider image dimension to 1:2 .

    Thanks

    Thread Starter Andreas

    (@feuerwehrkfurt)

    OK thanks for the information.

    Is there a possibility to change the font-size of the CSS class “.slide-text-bg2” in customizer or with additional CSS code?

    Hi

    To change font size in small devices add the below css code inside the additional css box.

    @media (max-width: 600px) {
    .slide-text-bg2 span {
    font-size:9px;
    }
    }

    Change font size value as your need.

    Let me know if you have any confusion.

    Thanks & Regards

    Support Team

    • This reply was modified 1 year, 5 months ago by radhika1992.
    Thread Starter Andreas

    (@feuerwehrkfurt)

    Works awesome, 5 Stars for your brilliant support.

    I now have inserted the fpollowing custom CSS code (and disabled the “typography settings” in slider:

    /resizing header font size in slider; just on smartphones/
    *@media (max-width: 600px) {.slide-text-bg1 h2 {font-size:18px;}}*
    /resizing content font size in slider; just on smartphones/
    *@media (max-width: 600px) {.slide-text-bg2 span {font-size:10px;}}*

    So the ticket can be closed.

    • This reply was modified 1 year, 5 months ago by Andreas.

    Hi@feuerwehrkfurt

    Glade to know that its resolved.

    If you like our theme and support pls spare a minutes for us and give your valuable feedback on below links.

    https://www.ads-software.com/support/theme/appointment-red/reviews/#new-post

    https://www.ads-software.com/support/theme/appointment/reviews/#new-post

    You feedback helps us to improve our product quality.

    Thanks & regards

    Support Team

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Image in slider is not resized correctly’ is closed to new replies.