Home Forums Free Themes Pet Care Text in header

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #189235
    fosterkittycats
    Participant

    From 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;
    }

    #189233
    fosterkittycats
    Participant

    can 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/

    #189239
    Psink
    Keymaster

    You 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-6

    #189323
    alli
    Participant

    Hi, 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?

    #189337
    Psink
    Keymaster

    @ALLI, Could you please share your site URL? We will provide you with a CSS to align the text center

    #189347
    fosterkittycats
    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.

    #189353
    Psink
    Keymaster

    @FOSTERKITTYCATS, you can add this CSS

    #page-site-header #breadcrumb-list {
    display: none;
    }

    #189374
    fosterkittycats
    Participant

    Ah, that worked! Thank you again for your time.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.