modifying header images

This topic has 21 replies, 3 voices, and was last updated 4 years, 1 month ago by planarknight.

Viewing 20 posts - 1 through 20 (of 22 total)

1 2 →

Author

Posts
September 10, 2020 at 5:38 pm #258772

planarknight
Participant

2 header related questions

Issue 1: my desire is to have the ‘header media overlay’ image only appear on the main page. when set it appears on all pages.
Question: Can i disable the ‘header media overlay’ image on all page except the main page?

Issue 2: i would like to have a custom header image on some pages – currently the ‘Header Media’ customization section only gives me a few options all of which deal with the header image.
Question: how can i place a customized header image on specific pages?

thank you

September 11, 2020 at 1:04 am #258798
Skandha
Participant
@planarknight: Hello there,
To disable header media overlay on other pages except homepage
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
body:not(.home) .custom-header::after {
    background-color: rgba(0,0,0,0);
}
```
To enabled Header Image only on specific pages
Edit that page/post => Simclick Pro Options => Header Featured Image Options => Select Enable and Update the page/post.

Let me know if this works out!
Kind Regards,
Skandha
September 11, 2020 at 8:05 am #258835

planarknight
Participant

Thank you Skandha, a few follow up questions

RE: disabling the header media overlay: the CSS code above to remove the header media overlay doesn’t appear to work – i still see the image on pages where i DO enable Header Images.

RE: custom header images – awe nuts how did i miss this option! i remember messing with it earlier – thank you. additional clarification here – my image is being stretch beyond recognition when placed here – is there a way to not have the image blown up/distorted as much?

thanks!

September 11, 2020 at 8:27 am #258836

Skandha
Participant

@planarknight: Hello there,
Can you please post in your site URL so that I can look into the issues?

Kind Regards,
Skandha

September 11, 2020 at 9:58 am #258845

planarknight
Participant

can i send you a user account to an email address so you can logon? my site is still under construction.

September 11, 2020 at 2:39 pm #258871

planarknight
Participant

actually i worked around the issue of having an image appear on all other pages –
i did a customized header for my main page, then i placed an invisible image so the url wouldn’t appear!

September 11, 2020 at 3:17 pm #258876

planarknight
Participant

ok side effect of the invisible hero image the banner appeared to shrink in size.

can you riddle me this? how do i decrease the space between the image in my page and the header itself?

https://www.dropbox.com/sh/yrkhq8ge6f34qc0/AADif2X5jAxKpSflREhQcy91a?dl=0

September 11, 2020 at 3:37 pm #258878

planarknight
Participant

also 2 new items

why does the header image have such a large scaling issue? when the browser window in minimize (not full screen) the header image is significantly small height wise, however when i maximize the browser window the image is taller. we think this has to do with our monitors but in real world we want it to be locked in and consistent in size. height and width.

i have menu items that appear blank – it appears to be because i am currently on that page and the menu turns white – why is this?

see dropbox link above for images

September 12, 2020 at 12:25 am #258892

Skandha
Participant

@planarknight: Hello there,
I have sent you an email. Please check your inbox as well as the spam folder.

Kind Regards,
Skandha

September 13, 2020 at 10:41 am #258986

planarknight
Participant

I received it thank you.

when you review the headers can you please take another look at the Hero Image? i don’t want it to appear on all pages – i tried the code you sent but it didn’t appear to work.

thank you sir!

September 15, 2020 at 2:25 pm #259167

planarknight
Participant

Hi Skandha, have you had a chance to look at my issue with the Header Image appearing on all pages as well as the issue where the header height scaling seems to adjust depending on the browser window size?

thank you

September 22, 2020 at 2:12 pm #260009

planarknight
Participant

Skandha, can you take a look please?

September 23, 2020 at 12:58 am #260055

Skandha
Participant

@planarknight: Hello there,
I haven’t got any reply to the email I sent you. Can you please provide me the details in the mail I sent you so that I can look into the issue.

Kind Regards,
Skandha

September 23, 2020 at 8:13 pm #260185

planarknight
Participant

Skandha, as an update to my issue when you logon the site

Dropbox folder look here for sample images: https://www.dropbox.com/sh/yrkhq8ge6f34qc0/AADif2X5jAxKpSflREhQcy91a?dl=0

1) the header ‘header media logo’ (Our Chaldea Logo) appears on all pages in the header – we don’t want it to – we want to use the logo only on the home page but not all other pages.

2) using this theme: We do not want the main banner image to scale (as you change size of browser window); we need it and the menu bar to remain static as we change the width of the browser window. Currently the Logo and main navigation text shift chaotically and overlap each other in an unpleasant outcome. To demonstrate this – put your browser in a window’d mode, go to our Chaldeapedia page from the main menu and dragging the right side of your browser window left or right you will see the header jump in size. Why is this? We want the header consistent regardless of the browser window’s width. See image in dropbox folder – “Header_Media_Overlay_scaling_issues.jpg” for an example

3) SOLVED! we solved the Menu issue where the text for the menu item wouldn’t appear by selecting the Grey theme for our site

4) new issue: BOLD does not function… anywhere. Why is that? we are using SiteOrigins editor to do our pages but even pages created using the default WP 5.5 editor don’t show bold text.

5) new issue: As the browser window scales larger and smaller, the header images shifts size and becomes pixelated – the site is blowing them up – we entered the images at the resolution recommended and seeing them in the native size they look great. but when we upload them onto the site they don’t appear high resolution. See “Banner_Image_Scaling_resolution.jpg” on our dropbox share for example. Again, this is the theme auto scaling images and making them look poor.

Please note: When the HEADER IMAGE auto increases in size, (as you make the browser wider), this auto shifts the page content down, forcing content off the bottom of the page. Basically this means, a large gap appears between our “Chaldea Log” and text content below.

thanks

September 24, 2020 at 7:50 pm #260309

planarknight
Participant

Skandha did you receive the email i sent?

the above issues are blocking us from proceeding with web design. can you acknowledge you received the email and are looking into this?

i purchased this theme, so my next step would be to open a Premium Support Ticket if you are not able to help here.

thanks

September 25, 2020 at 9:07 am #260391

Skandha
Participant

@planarknight: Hello there,
I have replied to your mail. Please check your inbox.

Kind Regards,
Skandha

September 27, 2020 at 11:20 am #260565
Skandha
Participant
@planarknight: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
1.
To display the header media logo only on homepage
```
body:not(.home) .site-header-logo {
    display: none;
}
```
2.
```
.site-header-logo img {
    max-width: 200px;
}
.custom-logo {
    max-width: 100px;
}
.custom-header::before {
	background-image: unset;
}
.custom-header-media img {
    display: block;
}
.custom-header-content {
    position: absolute;
}
.custom-header {
	height: 100%;
}
.custom-header {
	min-height: unset !important;
}
```
4. Please let me know which text would you like to bold.

Let me know if this solves your issue.
Kind Regards,
Skandha
September 28, 2020 at 4:18 am #260694

planarknight
Participant

Fourth time to type this information – I’ve copied it into this email which I will send as well

1) THANK YOU the site is looking great now
2) BOLD/ITALIC/UNDERLINE – doesn’t function on your website I have tested this in WP 5.5 as well as SiteOrigins text editor. I had a friend look at this and he said “the CSS was configured to render all < b > and < strong > formatting tags as font weight 500” I think there is an error with your Template here
3) With the header being so small now I no longer need the Scroll down with the bouncy arrow – how do I remove this.
4) The title of the HomePage keeps appearing – I removed this for all my other pages – how I can remove this on the Homepage?

Thank you!!

September 28, 2020 at 4:27 pm #260693

planarknight
Participant

you know what i can’t post updates here anymore…

September 28, 2020 at 4:54 pm #260680

planarknight
Participant

thank you SO MUCH! this is what we needed Skandha!

re Bold/Italic/Underline – i think there is an error in the CSS template as i had a friend look at it – apparently the template was setup to render all <b> and formatting tags as weight 500. my friend changed them to render as bold. but i think there is still a problem with other formatting aspects. it doesn’t matter which editor is used i have used the default WP 5.5 and SiteOrigins both LOOK correct when i edit them but they don’t appear that way on the pages.

NEW follow up question – with the head locked to preserve the image i don’t need the “scroll” and bouncy arrow on the home page – how would i remove this?

NEW follow up question – i removed the titles from appearing on all my webpages but the Home Page is still displaying the title – can you kindly inform me how i might remove this please? i have them removed for all my other pages its only appearing on the Home Page now.

thank you so much!
Author

Posts