Background of top menu bar

  • Resolved theoldhippie

    (@theoldhippie)


    1 year, 1 month ago

    Hi, Just starting to build a website for my new podcast. I may retire from the hospital someday and I will need something to do.

    Anyway, I would like to change the Top of my page to a graphic. Now its just a white space and I can’t change the size. How can I change the white to my image? Or shrink the height of the white space and put an image below it?

    Thanks in advance for any help.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Dumitru Brinzan

    (@ilovewpcom)

    Hello,

    This is the code in the theme, which adds some padding at the top and at the bottom, so that the logo has some room to breathe.

    #site-masthead { padding: 1.25rem 0; }

    You can add your own custom CSS code to adjust this white space according to your personal preference. Though I wouldn’t change this.

    At the same time, you can use the same CSS selector to add a custom image background to the header. Though again, personally I don’t think it’s a good idea.

    But, if you want the header to be transparent and have the same background as the whole page, then add this:

    #site-masthead { background: none; }

    Best regards,
    Dumitru B.

    Thread Starter theoldhippie

    (@theoldhippie)

    Thanks Dumitru, the added code, #site-masthead { background: none; } worked great!

    However I still have trouble editing text with a block and or container and can not be previewed. It seems like I cna edit on my phone but not in my browser?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Background of top menu bar’ is closed to new replies.