- This topic has 40 replies, 4 voices, and was last updated 5 months, 3 weeks ago by
.
-
Posts
-
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.
DavidHello, @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,
ThemepalaceThank 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/?
DavidSanam: 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.
DavidHello, BASSINLA your site URL shows a database error could you please fix it first so we could look into the issue?
Regards,
ThemepalacePlease try this CSS
.featured-slider article {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
}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;
}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;
}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.
DavidI can see the menu on the phone. Please let me know if that issue is still there.
Regards,
ThemepalaceSanam: 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.
DavidCould 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
- You must be logged in to reply to this topic.
