Yes, the menu shows up on my phone now, Sanam. Also, I just noticed that the sax player looks great on my phone. He’s out of frame only on my desktop.

Thanks for your help.
David

Sanam: I’m back with the same issue: I’ve just added a new featured image for https://jazzsalon.org/tickets-and-reservations-for-the-november-19-sunday-jazz-salon-the-ulysses-owens-jr-quartet/. I also have it on the slider. In both cases, the image needs to move down slightly, so you can see the drummer’s face.

I’ve tried lowering the resolution of the photo, but it just makes the image blurrier, without changing its positioning.

I wish there were a way for me to adjust the positioning of featured images without having to bother you folks.

Thanks for you help.
David

Psink: thank you for the code you provided. What would I need to change in the CSS you provided to make the image larger, so that it fills more of the screen?

Also, this didn’t effect the size of the image in the slider, where it’s also too large.

Just for your reference, here is all the CSS code that is currently in place.

How does the CSS code you provided know to apply it only to the featured image on that one page, since none of the other featured images seemed to change?
David

CURRENT CSS CODE:
#page-site-header {
padding: 300px 0;
text-align: center;
position: relative;
background-color: #333;
background-size: inherit;
background-position: top;
background-attachment: fixed;
height: 100vh;
background-color: #000;
background-repeat: no-repeat;
}

#main-slider .container {
display: none;
}

.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
background-color: #000 !important;
color: #FFF !important;

.featured-slider article {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;

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

{
background-size: cover;
background-repeat: no-repeat;
background-position: 50% !important;
}

strong {
color:#FFF !important;
}
.home .wrapper .entry-container .entry-header a{
display: none;
}

.button {
background-color:#0b04e0;
border-radius:28px;
border:1px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:17px;
padding:16px 31px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
}
.button:hover {
background-color:#5cbf2a;
}
.button:active {
position:relative;
top:1px;
}
#wpcomm .wc-comment-right .wc-comment-text * {
color: #ccc !important;
}
.wpforms-confirmation-container-full {
background: #2980b9;
color: #ffffff !important;
border-color: #ecf0f1;
border-top-left-radius: 28px;
border-top-right-radius: 28px;
border-bottom-left-radius: 28px;
border-bottom-right-radius: 28px;
text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
padding: 2rem;
}
.wpforms-confirmation-container-full p {
color: #fff !important;
margin-bottom: 0;
font-size: 1.1em;
}
div.wpforms-container-full .wpforms-form label.wpforms-error {
color: rgb(255 11 11) !important;
font-size:13px;
}
#wpforms-1378-field_54 p {
font-size: 13px;
line-height: 16px;
}
#wpforms-1378-field_54-container {
padding: 0px 0px 15px 0px;
}
select#wpforms-1378-field_51, #wpforms-1378-field_54 {
display: none;
}
#masthead .wrapper {
left: 16px !important;
}
@supports (-webkit-touch-callout: none) {
@media screen and (max-width: 1024px) {
#masthead .wrapper {
left: 260px !important;
top: 28px;
}
}

}

—–Original Message—–
From: Theme Palace <info@themepalace.com>
Sent: Friday, October 13, 2023 10:20 PM
To: noreply@themepalace.com
Subject: [Theme Palace] How can I adjust the cropping of an image in the Home Page/Slider?

Psink wrote:

You can add this CSS

#page-site-header {
padding: 300px 0;
text-align: center;
position: relative;
background-color: #333;
background-size: inherit;
background-position: top;
background-attachment: fixed;
height: 100vh;
background-color: #000;
background-repeat: no-repeat;
}

Post Link: https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/2/?view=all#post-191088

———–

You are receiving this email because you subscribed to a forum topic.

Login and visit the topic to unsubscribe from these emails.

PSink: I increased the height, but it didn’t change the size of the image, only of the black box the image was in.

How can I make the image, itself, larger?

Also, this image is the second image in the slider and you can see how it’s way oversize. How can I resize the image in the slider so I can see all the players?

Thank you!
David