- This topic has 31 replies, 2 voices, and was last updated 2 years, 2 months ago by
Skandha.
-
AuthorPosts
-
September 9, 2021 at 7:45 am #289771
lblumenfeld
ParticipantYes. I also need to know how to make it not show on pages where I want a different heading.
September 9, 2021 at 3:48 pm #289799lblumenfeld
ParticipantAlso, is there a manual that has instructions and information on the various css elements used? It’s very difficult to design the site when every question and answer round has a 1+ day delay. Thanks.
September 10, 2021 at 6:51 am #289866Skandha
Participant@lblumenfeld: Hello there,
I am afraid it is not possible to have the Page Title below the Header Image when the Header Image is enabled. You will need to disable the header image for that.For instruction please check out our FAQ page here.
Kind Regeards,
SkandhaSeptember 10, 2021 at 10:18 am #289872lblumenfeld
ParticipantI don’t understand your response. That’s what it was doing before I added your css. We need it to look like what the home page does—with the title below the picture. See that page.
Thanks.
September 10, 2021 at 9:49 pm #289903Skandha
Participant@joemcomber: Hello there,
Please remove the CSS Code that you using in the Additional CSS Code section and try adding the following CSS Code instead..custom-header .wrapper::before { background-image: unset !important; } .custom-header-media img { display: block !important; } .custom-header-media img { position: unset !important; width: auto; } .custom-header-content { padding: 20px 25px !important; background-color: #fff; } .custom-header-content .entry-title { color: #212121; } body:not(.home) .header-media .wrapper::after { background-color: unset; } .custom-header-content .entry-title::after { border-bottom: 1px solid; border-bottom-color: currentcolor; content: ''; display: block; margin: 28px auto 0; width: 50px; border-color: #c0b283; }
Let me know if this works out!
Kind Regards,
SkandhaSeptember 12, 2021 at 11:28 pm #289987lblumenfeld
ParticipantThis does not work. Now the images is once again cut off on the sides when viewed on a iphone.
Our website launch is Tuesday and I’m concerned that we are going to miss the date.
Please post the css that works properly on all browsers and devices. Please test it on the PC and the iPhone to make sure that it works.
Thanks.
September 13, 2021 at 5:52 am #290041Skandha
Participant@joemcomber: Hello there,
Please add the following CSS Code and use an image with the width of 1920px and the header image should be displayed well on all browsers..custom-header-content { max-width: 100%; }
Let me know if this works out!
Kind Regards,
SkandhaSeptember 13, 2021 at 12:45 pm #290063lblumenfeld
ParticipantThat had no effect. All header images (both the homepage and other pages) are cut off on the iPhone.
Do you have any templates that are compatible with iPhone (and other devices besides a PC?)
Please respond by 5:00 PM EST. I have a deadline to meet today. Thanks.
September 14, 2021 at 4:27 am #290064lblumenfeld
ParticipantHere is the CSS that you’ve provided currently…
/* Featured Image Titles */
.custom-header .wrapper::before {
background-image: unset !important;
}
.custom-header-media img {
display: block !important;
}
.custom-header-media img {
position: unset !important;
width: auto;
}
.custom-header-content {
padding: 20px 25px !important;
background-color: #fff;
}
.custom-header-content .entry-title {
color: #212121;
}
body:not(.home) .header-media .wrapper::after {
background-color: unset;
}
.custom-header-content .entry-title::after {
border-bottom: 1px solid;
border-bottom-color: currentcolor;
content: ”;
display: block;
margin: 28px auto 0;
width: 50px;
border-color: #c0b283;
}
.custom-header-content {
max-width: 100%;
}September 14, 2021 at 9:50 am #290136lblumenfeld
ParticipantI can someone please answer this today?
September 14, 2021 at 10:55 am #290141Skandha
Participant@lblumenfeld: Hello there,
The image issue seems to be showing up only on iPhones. On android devices the image looks fine. I will look into the issue and get back to as soon as possible.Kind Regards,
SkandhaSeptember 15, 2021 at 5:45 am #290218Skandha
Participant@lblumenfeld: Hello there,
Please change the codewidth: auto;
towidth: 100%;
in the code above and the image should display full in iphones as well.Let me know if this works out!
Kind Regards,
Skandha -
AuthorPosts
- The topic ‘Featured image not the same across browsers’ is closed to new replies.