Loading...
 
Skip to main content

Bundled and Legacy Themes

Forum List Topic List

Forums » Bundled and Legacy Themes » How do I change the background color of site header & logo part in LiteJazz theme?
 
Thread actions
Print this page
  • Print all pages

    • How do I change the background color of site header & logo part in LiteJazz theme?

    Posted by mysticlife on Sat 18 of Oct, 2008 03:15 UTC posts: 2
    I need to change the background color (default is black) of the site header & logo on top of the page in LiteJazz theme. I looked through all the css files but could not figure out where to change the settings. Can anyone help me? Thanks a lot.
    Reads: 29226
    Posted by Gary Cunningham-Lee on Sat 18 of Oct, 2008 07:59 UTC posts: 254 Japan

    This is specified in LiteJazz's stylesheet, styles/litejazz.css (line 171), like: 

    td#header {
background:#170808 url(litejazz/header.jpg) no-repeat 100% 0;
vertical-align:bottom;
}


    That header.jpg is the 15px-high image at the top of the header area, and the color is currently #170808.

    -- Gary


         Posted by mysticlife on Sat 18 of Oct, 2008 16:17 UTC posts: 2
    Thanks! It helps a lot! I really appreciate it!

    Posted by cyberience on Wed 29 of Oct, 2008 07:43 UTC posts: 1

    I am struggling a little with 2 elements, one is the background image on the h1 and h2 tags, what ever I try, adding to h1. adding to wiki.h1 nothing seems to work, it is as if there is an override somewhere else that I cant find, any ideas?
    the other is, what tag can I change to remove the padding or space to the left and top of the wiki page, again I have changed everything I can find to no avail. I want to get the Wiki page to go right up against the edge of the frame.

    Thanks

    Posted by Gary Cunningham-Lee on Thu 30 of Oct, 2008 01:05 UTC posts: 254 Japan

    One thing to be aware of is that the heading tags in wikitext have been remapped in Tiki 2 because h1 is reserved for the page title, so the ! syntax produces an h2 heading, !! produces h3, and so on. Sorry if this wasn't documented anywhere.

    If you look at the page with Firefox and the Firebug add-on, you can see what CSS selectors are being used and what their properties are.

    -- Gary


    Collapse/expand modules below