Home › Forums › Pro Themes › Musicsong Pro › How can I adjust the cropping of an image in the Home Page/Slider?
- This topic has 40 replies, 4 voices, and was last updated 1 year ago by bassinla.
-
AuthorPosts
-
March 8, 2022 at 12:24 am #179663bassinlaParticipant
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.
DavidMarch 8, 2022 at 1:30 am #179685sanamKeymasterHello, @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,
ThemepalaceMarch 8, 2022 at 10:10 pm #179708bassinlaParticipantThank 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/?
DavidMarch 8, 2022 at 11:28 pm #179723sanamKeymasterPlease add this CSS
#page-site-header {
background-position: top;
}Regards,
ThemepalaceMarch 8, 2022 at 11:57 pm #179724bassinlaParticipantThanks so much for your help on both issues!
April 17, 2022 at 12:56 am #181116bassinlaParticipantSanam: 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.
DavidApril 17, 2022 at 11:59 pm #181151sanamKeymasterHello, BASSINLA your site URL shows a database error could you please fix it first so we could look into the issue?
Regards,
ThemepalaceApril 18, 2022 at 8:02 am #181161sanamKeymasterPlease try this CSS
.featured-slider article {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
}April 18, 2022 at 11:42 am #181172bassinlaParticipantSanam: 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;
}April 19, 2022 at 4:29 am #181185sanamKeymasterCould 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;
}April 19, 2022 at 11:05 am #181196bassinlaParticipantSanam: 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.
DavidApril 20, 2022 at 12:02 am #181217sanamKeymasterI can see the menu on the phone. Please let me know if that issue is still there.
Regards,
ThemepalaceApril 20, 2022 at 1:02 am #181218bassinlaParticipantSanam: 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.
DavidApril 20, 2022 at 1:42 am #181222sanamKeymasterCould 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,
ThemepalaceApril 20, 2022 at 4:28 am #181221bassinlaParticipantSanam: 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 -
AuthorPosts
- You must be logged in to reply to this topic.