Adding background image to header

  • How do i add a background image to the header and the menu navigation bar? instead of the background color, i want to use my own image. is that possible? thanks for your help

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

  • Site background:

    /* CANNOT BE USED IN CUSTOMCSS PANEL */
body {
	/* Adjust the Image location '/wp-content/uploads/NAMEOFFILE.png' */
	background:		url('/wp-content/uploads/NAMEOFFILE.png') repeat fixed 0 0 #FAFAFA !important ;
}

    Heading background:

    /* CANNOT BE USED IN CUSTOMCSS PANEL */
.navbar-wrapper {
	/* Adjust the Image location '/wp-content/uploads/NAMEOFFILE.png' */
	background:		url('/wp-content/uploads/NAMEOFFILE.png') repeat fixed 0 0 #FAFAFA !important ;
}

    Navbar Background:

    /* CANNOT BE USED IN CUSTOMCSS PANEL */
.navbar-inner {
    /* Adjust the Image location '/wp-content/uploads/NAMEOFFILE.png' */
	background:		url('/wp-content/uploads/NAMEOFFILE.png') repeat fixed 0 0 #FAFAFA !important ;
}

    Can only be done in a Child Theme because of ‘specialchars’

    Thread Starter marvelycious

    (@marvelycious)

    Thanks you are Awesome, but it didn’t work. I placed the code into my child theme Style CSS Changed the file name to the uploaded file, still nothing.

    Did you check the actual location of the background Images? May be in a different place than wp-content/uploads?

    Thread Starter marvelycious

    (@marvelycious)

    No, it’s in that location… Don’t Know why. I tried to change the navbar, doesn’t work. still the same https://www.lyciousconfess.com I want the navbar to look like the header… Maybe it’s the size of the image? Dunno. i will keep trying till I get it. Def love this theme don’t want to change it.

    i changed it that way :

    header.tc-header {
max-height: 125px;
background-image: url(https://www.Image-Link.png);
border-bottom: 0px solid;
box-shadow: inset 1px -6px 9px -4px;
}

    edit it to your liking

    Can this text above be used in the custom css panel?
    Thx

    PS As in the dashboard css panel

    Yes. It was the single-quote in my code that wasa problem before 3.0.9

    Confused me! I mean the Customiz’it! CustomCSS Panel.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Adding background image to header’ is closed to new replies.