Home › Forums › Free Themes › Pet Care › Text in header
- This topic has 7 replies, 3 voices, and was last updated 6 months, 1 week ago by
fosterkittycats.
-
AuthorPosts
-
April 6, 2023 at 11:15 pm #189235
fosterkittycats
ParticipantFrom searching the site I tried some suggestions others had with this similar issue, lastly tried to modify the script below adjusting the beginning but still can’t get it to work.
body.woocommerce .custom-header .custom-header-content-wrapper{
display: none;
}April 6, 2023 at 11:16 pm #189233fosterkittycats
Participantcan someone explain or point me in the direction to either adjust or eliminate the overlay text in the header image? I’ve attached a screenshot to demonstrate what I am talking about.
Also the option for colors is not in the customize menu, are certain features only available on the paid version? This way I can stop spinning my wheels trying to figure out options that are not there.
Text overlay in the header image:
It looks like I can’t paste in images but it is the text overlay from the Menu field that displays over the header iamge, then the text below that shows where you are in the web directory Home/(Page you are on) You can see what I am referring to by going to https://fosterkittycats.com/past-fosters/
April 7, 2023 at 12:06 am #189239Psink
KeymasterYou can add this CSS to eliminate the header overlay text
– TO ELIMINATE PAGE TITLE ONLY
#page-site-header .page-header {
display: none;
}– TO ELIMINATE WHOLE OVERLAY TEXT
#page-site-header {
display: none;
}You will get the following color options in the pro version
https://themepalace.com/instructions/themes/pet-business-pro/#doc-how-to-manage-colors-6April 15, 2023 at 12:23 am #189323alli
ParticipantHi, and is it possible to align the text in the header image to the centre?? Or is this only and option in the pro version?
April 16, 2023 at 11:42 pm #189337Psink
Keymaster@ALLI, Could you please share your site URL? We will provide you with a CSS to align the text center
April 17, 2023 at 11:42 pm #189347fosterkittycats
Participant@PSINK thank you for taking the time to respond with the script. The first script works great and removes the larger text in the header image overlay.
The second script removes the entire though. If you visit https://fosterkittycats.com/current-fosters/ you will see it shows HOME/Current Fosters over the image, how to disable that?
Also for whatever reason my “homepage” won’t use the same image that is defined in the settings, therefore I had to enable the slider, create a page to point to and use that. I hope that makes sense, I want to use a static home page and maybe I have not configured it properly, but it won’t use the same header image as the rest of the website so I set up the slider and created a page to point to.
April 17, 2023 at 11:48 pm #189353Psink
Keymaster@FOSTERKITTYCATS, you can add this CSS
#page-site-header #breadcrumb-list {
display: none;
}April 18, 2023 at 8:49 am #189374fosterkittycats
ParticipantAh, that worked! Thank you again for your time.
-
AuthorPosts
- You must be logged in to reply to this topic.