Can not change header color

Everything to do with Joomla! 3.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Locked
MusicalWebsites
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 161
Joined: Mon Jul 07, 2014 8:09 pm

Can not change header color

Post by MusicalWebsites » Thu Oct 02, 2014 4:05 am

I want to change the header on each page/module to black but can not figure out how.
My site is
http://demo.avischulman.com/viva/

Any help would be greatly appreciated!

sander_v_bergen
Joomla! Guru
Joomla! Guru
Posts: 529
Joined: Fri Oct 21, 2011 2:04 pm

Re: Can not change header color

Post by sander_v_bergen » Thu Oct 02, 2014 7:10 am

You mean the white header at the top?
In your style.css you have

Code: Select all

.header {
height: auto;padding-top:0em; padding-bottom:0em; margin:0 !important; padding-right:1em; padding-left:1em; background-color:#fefefe;
background-image: -ms-linear-gradient(top, #fefefe 0%, #F1F1F1 100%);
background-image: -moz-linear-gradient(top, #fefefe 0%, #F1F1F1 100%);
background-image: -o-linear-gradient(top, #fefefe 0%, #F1F1F1 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #F1F1F1));
background-image: -webkit-linear-gradient(top, #fefefe 0%, #F1F1F1 100%);
background-image: linear-gradient(to bottom, #fefefe 0%, #F1F1F1 100%);
}
change 'background-color' to '#000' and remove all the 'background-image' lines.
That should make your header background black.

Simon Bol Majok
Joomla! Apprentice
Joomla! Apprentice
Posts: 17
Joined: Mon Sep 29, 2014 1:43 pm

Re: Can not change header color

Post by Simon Bol Majok » Thu Oct 02, 2014 8:16 am

#header {
background:url("../images/nature/header.jpg") repeat-x scroll left bottom #185359;
position:relative;
}
nature.css (line 110)

remove the color at the end should solve your problem


Locked

Return to “Templates for Joomla! 3.x”