How to make my Header Transparent

  • Hi all.

    Iv tried alot but just cant figure it out!
    I′ve read about custom.css (that i dont know if i have to create it, and how to import it to theme) and adding someting like
    #wrapper {trasparent} bla bla (didnt work)

    Is there any how-to for dummys? im not that noob, but it sure looks like heh.

    Here′s the site: https://phoneoutlet.pt/blog/
    Any help will be much apreciated.

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

  • Hi,

    Have you tried using Inspect Element (in Safari/Chrome) or Firebug (in Firefox) to find out which class or id to make transparent?

    https://wpsupergeek.com/screencast-inspect-element/

    Thread Starter LipDesign

    (@lipdesign)

    i did.. still couldn’t figure it out.. tried many things without success :/
    can u inspect it please?

    Sure, I can take a look. Can you be more specific about which part of the header you want transparent?

    Thread Starter LipDesign

    (@lipdesign)

    the whole header part with the logo and search bar
    I cant find any #header..

    OK, so looking at your theme, it looks like it puts a background colour of white behind the whole website, on the .body-wrapper class. So that’s a bit tricky, because you need to remove that to make it transparent, which also makes the rest of the site have a transparent background.

    So what you’d need to do, is to remove that background colour from .body-wrapper, and also remove the white background from the “header” class.

    Then, add the white back in to the various sections of the body that you want to have a white background. For instance, you could give div#content.site-content a white background.

    You might need to play around with paddings and margins etc to get it looking how you want.

    Thread Starter LipDesign

    (@lipdesign)

    I understand.. tricky..
    thanks ??

    You’re welcome. ??

    Thread Starter LipDesign

    (@lipdesign)

    I managed to make the whole body transparent, but.. how do i do it at the header? do i have to create any div?

    Hmmm. Did you remove the white background from both the .body-wrapper and header selectors?

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to make my Header Transparent’ is closed to new replies.