Header image doesn’t display

  • Can anyone advise?

    For as long as I can remember I have used the ‘site title’ in my theme but I would now like to add an image but when i go to customize the image doesn’t display – it just shows blank.

    Anyone?

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)

  • Could you put an image, so I can see the problem on the website?

    Thread Starter Gemini23

    (@gemini23)

    Sure – added (a Cabaret image) – and a ‘blank’ space appears.

    There is no image on the fronted code, unfortunately it is a premium theme and I can not download to keep researching, I suggest you to check the function that generates the logo.

    If not, an easy solution would be to add the new image logo using CSS, just add it as custom CSS in the theme configuration using the classes, for example you can use the class site-header to add the new logo image that you need to previously upload.

    Thread Starter Gemini23

    (@gemini23)

    Thanks for trying – I will revert back to the text for now.

    Thread Starter Gemini23

    (@gemini23)

    This is what should have been displayed… and was in the code…
    <style type=”text/css”>.site-title a { background: url(https://www.londontheatre1.com/wp-content/uploads/2022/11/cropped-Cabaret-London270.jpg) no-repeat !important; }</style>

    Can you try removing the a?

    Like this:
    <style type=”text/css”>.site-title { background: url(https://www.londontheatre1.com/wp-content/uploads/2022/11/cropped-Cabaret-London270.jpg) no-repeat !important; }</style>

    Thread Starter Gemini23

    (@gemini23)

    Okay – it’s to do with the custom HTML on the top right (Search for Tickets) – if I remove that then the image on the left displays. Not sure how to have two… will have a think.

    • This reply was modified 2 years, 4 months ago by Gemini23.

    I’m not sure how to help, seems a very specific problem of the template, maybe you can ask for support in the developer forums.

    Moderator bcworkz

    (@bcworkz)

    I don’t think it’s the Search for Tickets that’s the issue. Setting it to display: none; doesn’t help with the site title display. There are other site-title a background attributes that are overlaying the desired image. The !important modifier isn’t entirely effective due to layering. You either need to remove the other site-title a background rules or use a more specific CSS selector by assigning an ID attribute to the anchor link.

    I cannot tell you the specific location of the offending rules because of CSS optimization. You can use your browser’s element inspector tool to find the rules, one is for the blue we see, there’s another red one that also gets in the way. If you cannot find the applicable source CSS based on what the inspector tool tells you, disable CSS optimization and then the tool should give you an accurate location.

    Thread Starter Gemini23

    (@gemini23)

    Thanks – all I know is that if I remove the right-hand image ‘search for tickets’ the left-hand one appears… a ‘work in progress’. ??

    What about creating that “search for tickets” using HTML instead of using an image?

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Header image doesn’t display’ is closed to new replies.