How to remove the white body background?

  • Hello,

    I’m trying to put in a background picture and I want to type my text onto it, but I can’t seem to get rid of this white body background. I’ve tried the following codes but am not having any luck:

    
/* Changed colour of navigation bar */
#site-navigation {
    	background-color: transparent !important;
	
}

/* Changed background to transparent to allow background image to show*/   
.site-header {
	background-color: transparent;
	
}

body {
	background-color: transparent;	
}

    Any help would be greatly appreciated. Here is the website: tommy-jade.com

    • This topic was modified 7 years, 6 months ago by Jose Castaneda. Reason: fixed CSS code display
Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi Tommy,

    You need to have this css code:
    .container, .site-header, .site-content {
    background-color: transparent;
    }
    This is the result that you want? https://snag.gy/IqsaAQ.jpg

    Cheers!
    Catalin ??

    Thread Starter tommyjade

    (@tommyjade)

    Thanks Catalin! It worked. Now to fiddle with the other white boxes.

    I’m not sure why when I changed the .site-header it didn’t work. Did I have to do all 3 of those parts together?

    Thank you so much anyway ??

    No, it can be separated.

    Thread Starter tommyjade

    (@tommyjade)

    Sorry to bother you again, but I can’t seem to make my widget area transparent, and the search bar.

    I’ve tried all combinations of this:
    .widget-area, .about, .search-field {
    background-color: transparent;
    }

    Any help would be appreciated ??

    Thread Starter tommyjade

    (@tommyjade)

    Nevermind, figured it out ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to remove the white body background?’ is closed to new replies.