Themesphere Support Forum » Support » Spotlight

Change header background colors

(2 posts)

  1. saquillano
    Member

    By default the theme has a burnt orange header background color. Where do I go to change this color?

    Posted 1 year ago #

  2. Haris
    Chickennnn Cat Clucks!

    The header uses an image pages_nav_bg.jpg located in wp-content/themes/spotlight/imgs/pages_nav_bg.jpg. Edit the image in photoshop and change the background and border color for the following elements in the stylesheet style.css located in wp-content/themes/spotlight/style.css

    #pages_navigation li a:hover, #pages_navigation li.current_page_item a {
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-radius-topleft: 3px;
  -webkit-border-radius-bottomleft: 3px;
  -webkit-border-radius-topright: 3px;
  -webkit-border-radius-bottomright: 3px;
  background: #651800;
  border-bottom: none;
}

#pages_navigation li ul li {
  background: #9E4D32;
  float: left;
  height: auto;
  display: block;
  margin: 0;
}

#pages_navigation li ul li a {
  border-bottom: 1px dotted #651800;
  float: left;
  height: auto;
  margin-top: 0px;
  width: 120px;
}

#pages_navigation li ul li:hover, #pages_navigation li ul li.hover {
  float: left;
  background: #651800;
}

#pages_navigation li ul li a:hover, #pages_navigation li ul li.current_page_item a {
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-radius-topleft: 0px;
  -webkit-border-radius-bottomleft: 0px;
  -webkit-border-radius-topright: 0px;
  -webkit-border-radius-bottomright: 0px;
  border-bottom: 1px dotted #9E4D32;
  width: 120px;
}
    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.