Theme Palace » All Posts https://themepalace.com/forum/pro-themes/musicsong-pro/feed/ Wed, 24 Jan 2024 09:45:38 +0000 https://bbpress.org/?v=2.6.9 en-US https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191301 <![CDATA[Reply To: How can I adjust the cropping of an image in the Home Page/Slider?]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191301 Wed, 01 Nov 2023 14:19:00 +0000 bassinla Psink: here is the screenshot: https://ibb.co/8jKXJDQ

Thanks.
David

]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191298 <![CDATA[Reply To: How can I adjust the cropping of an image in the Home Page/Slider?]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191298 Wed, 01 Nov 2023 05:20:12 +0000 Psink You can share image from this site
https://imgbb.com/

you can simply share the link of image generated by that site

]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191296 <![CDATA[Reply To: How can I adjust the cropping of an image in the Home Page/Slider?]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191296 Wed, 01 Nov 2023 04:09:03 +0000 bassinla Psink: I just realized, after looking at your screenshot, that we might be referring to different placements of the image. I’m referring to when you click in the main menu: “TICKETS AND RESERVATIONS FOR THE NOVEMBER 19 SUNDAY JAZZ SALON: THE ULYSSES OWENS, JR. QUARTET!”. When it goes to that page, it looks fine on my desktop, but what you did below didn’t change how it looks on my iPhone 12. I took a screenshot, but I don’t know how to upload it here.

Are you able to test it on a phone?

Thanks for continuing to try and get this fixed.
David

]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191294 <![CDATA[Reply To: How can I adjust the cropping of an image in the Home Page/Slider?]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191294 Wed, 01 Nov 2023 03:52:55 +0000 Psink I see the height of the banner is pre-defined and that is 100vh both for larger and smaller screens. I made little changes in the CSS for small device I made height half 50vh

#page-site-header{
background-size: cover !important;
}

@media screen and (max-width: 600px) {
#page-site-header{
height: 60vh !important;
}
}

here is the screen record how it looks
https://www.awesomescreenshot.com/video/22081128?key=da0e8c60fc45fde62e42634817891ae4

and you can adjust height as per your need

]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191292 <![CDATA[Reply To: How can I adjust the cropping of an image in the Home Page/Slider?]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191292 Wed, 01 Nov 2023 03:35:11 +0000 bassinla Psink: that didn’t seem to affect the size of the featured image on my phone. It’s still way too big.

Doesn’t the theme have a way of automatically resizing for mobile devices?

Thanks.
David

]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191289 <![CDATA[Reply To: How can I adjust the cropping of an image in the Home Page/Slider?]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191289 Wed, 01 Nov 2023 03:19:28 +0000 Psink You can try this CSS

#page-site-header{
background-size: cover;
}

Hope this helps

]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191285 <![CDATA[Reply To: How can I adjust the cropping of an image in the Home Page/Slider?]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191285 Wed, 01 Nov 2023 03:18:24 +0000 bassinla Psink: I inserted that CSS and I now can see the menu on a mobile device again, which is great, but the featured image on a mobile device is still way too big for my phone’s display. Is there a fix for that?

I assumed the theme would automatically resize contents for different platforms. Is that not the case? Should I be using a jpg of a different size for a featured image?

Thanks.
David

]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191278 <![CDATA[Reply To: How can I adjust the cropping of an image in the Home Page/Slider?]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191278 Tue, 31 Oct 2023 03:47:07 +0000 Psink You can add this CSS to override previous CSS

#masthead .wrapper {
position: relative;
left: auto !important;
margin-right: auto !important;
}

]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191251 <![CDATA[Reply To: How can I adjust the cropping of an image in the Home Page/Slider?]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191251 Tue, 31 Oct 2023 03:23:56 +0000 bassinla Psink: thanks for responding. I don’t see the “masthead.wrapper” code you quote anywhere in my CSS code. I’ve copied the entire code below. Do you see it there?
David

CURRENT CSS CODE:
#page-site-header {
background-position: top !important; }

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

#page-site-header {
padding: 300px 0;
text-align: center;
position: relative;
background-color: #333;
background-size: inherit;
background-position: center;
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;
}
}

}

]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191246 <![CDATA[Reply To: How can I adjust the cropping of an image in the Home Page/Slider?]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191246 Sun, 29 Oct 2023 06:48:14 +0000 Psink This CSS is responsible for the issue

#masthead .wrapper {
position: relative;
left: -138px;
margin-right: 298px;
padding-right: 5px;
-webkit-transform: translatex(0px) translatey(0px);
-ms-transform: translatex(0px) translatey(0px);
transform: translatex(0px) translatey(0px);
}

You can remove this css from your site where ever you did add before

]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191239 <![CDATA[Reply To: How can I adjust the cropping of an image in the Home Page/Slider?]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/3/#post-191239 Sun, 29 Oct 2023 05:10:16 +0000 bassinla You helped me resize the featured image and slider image so they look good on my desktop, but now I realize I have an issue with display on a mobile device. I have four pages on the main menu. All display acceptably on a mobile device, except the last one you helped me with, https://jazzsalon.org/tickets-and-reservations-for-the-november-19-sunday-jazz-salon-the-ulysses-owens-jr-quartet/. When that page displays on a mobile device, the featured image is way oversize, so you see hardly any of it, and the menu disappears from the upper righthand corner, where it shows on all the other pages.

Can you help me fix these two issues?

Thank you!
David

]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/2/#post-191131 <![CDATA[Reply To: How can I adjust the cropping of an image in the Home Page/Slider?]]> https://themepalace.com/topic/how-can-i-adjust-the-cropping-of-an-image-in-the-home-page-slider/page/2/#post-191131 Wed, 18 Oct 2023 03:17:29 +0000 Psink seems you have managed to fix the issue

]]>