Home Forums Pro Themes Musicsong Pro How can I adjust the cropping of an image in the Home Page/Slider?

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #179663
    bassinla
    Participant

    I need to reposition images that I’m using in the Slider on the Home Page. TheJazzSalon.com
    Right now it’s cutting the heads off in the first two images.

    How can I adjust the cropping?
    Thanks.
    David

    #179685
    sanam
    Keymaster

    Hello, @BASSINLA Please add this CSS in the Additional CSS

    .featured-slider article {
    background-position: top;
    }

    Go to Customizer >> Appearance >> Additional Css, paste the above CSS there, and published the site.
    Please, change the Button text as per your need.

    Regards,
    Themepalace

    #179708
    bassinla
    Participant

    Thank you! That worked great. Now, how can I do the same thing, adjust the cropping of a photo, for the Featured Image on a page: https://thejazzsalon.com/sunday-jazz-salon-concert-live-stream/?
    David

    #179723
    sanam
    Keymaster

    Please add this CSS

    #page-site-header {
    background-position: top;
    }

    Regards,
    Themepalace

    #179724
    bassinla
    Participant

    Thanks so much for your help on both issues!

    #181116
    bassinla
    Participant

    Sanam: I’ve just posted the new concert (at TheJazzSalon.com) and the slider images have the same problem as last time: except for the first photo (a group photo), the subsequent photos are all too low. I’ve inserted the CSS code you provided. My CSS includes:
    #page-site-header {
    background-position: top;
    }

    .featured-slider article {
    background-position: top;
    }

    What do I need to do to have those images show up higher in the frame?

    Thank you.
    David

    #181151
    sanam
    Keymaster

    Hello, BASSINLA your site URL shows a database error could you please fix it first so we could look into the issue?

    Regards,
    Themepalace

    #181161
    sanam
    Keymaster

    Please try this CSS
    .featured-slider article {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    }

    #181172
    bassinla
    Participant

    Sanam: I copied and pasted your code, but it didn’t seem to make any difference. Here’s what my CSS now looks like:
    .featured-slider article {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    }
    #page-site-header {
    background-position: top;
    }

    .featured-slider article {
    background-position: top;
    }

    #181185
    sanam
    Keymaster

    Could you please try removing this CSS

    .featured-slider article {
    background-position: top;
    }

    After removing the CSS try adding this one
    .featured-slider article {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% !important;
    }

    #181196
    bassinla
    Participant

    Sanam: that helped. All the slides look good on my phone now, but on my desktop the saxophone needs to move down so I can see his face. BTW, knowing nothing about writing code, I got the same effect by just changing the word “top”, in the code you had me delete, to “middle”:
    .featured-slider article {
    background-position: middle;
    }

    However, I have left the code as yo instructed above.

    I also just noticed a major new problem. On my phone, I no longer have a main menu! The menu shows up fine on my desktop and tablet, but there is no sign of a menu on my phone.

    Help!
    Thanks.
    David

    #181217
    sanam
    Keymaster

    I can see the menu on the phone. Please let me know if that issue is still there.

    Regards,
    Themepalace

    #181218
    bassinla
    Participant

    Sanam: I’m on an iPHone 13 and don’t see the menu. People are also complaining to me that they don’t see it, either.

    Also, is there a way to reframe to sax player so we can see his face?
    Thanks.
    David

    #181222
    sanam
    Keymaster

    Could you please send us your site login credentials via our contact form ? Maybe the issue is caused by some plugin so, we will look into it after we get the login credentials.

    Regards,
    Themepalace

    #181221
    bassinla
    Participant

    Sanam: yes the issue is still there. There is no menu on my iPhone 13, and others have complained that they don’t see it on their phones, either.

    Also, is it possible to lower the sax player, so we can see his face, without changing the other photos?

    Thanks.
    David

Viewing 15 posts - 1 through 15 (of 17 total)
  • You must be logged in to reply to this topic.