Footer Question
-
Okay, well the graphic is what’s called a sprite. It has sever different images on it, and each image can be “called” independently using css rules.
So, the image above is going to be 1 pixel wide and 1000 pixels tall. This is because all the images in this file use the “repeat” attribute to scale the length of the menu tabs.
So, open this file, and zoom in BIG TIME until you can see what you are working with. You will want to create a new layer, and only apply it to the very top image in that sprite… as it’s the one used for the menu backgrounds.
Hmmmm…. you know what. This might be a little too much to explain in a forum. What color are you wanting to make it? I can make the adjustment and send you the file.
lol.. yeah, that’s why I changed it too.
Perfect… then the work is already done!
Where can I send the file?
many many thanks!!!
Sent. Ok, lemme check my footer real quick.
Yeah, I didn’t change my submenu. I’ll get to this for you. It may take a day or two though.
Here is the custom css I use for my footer. Remember, you may have to adjust these individual properties to suit your preferences. But here is the base code:
#footer {
/*background: url(images/sprite_h.png) left -952px repeat-x #111;*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c9cd2', endColorstr='#1f6eb6'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#3c9cd2), to(#1f6eb6)); /* for webkit browsers */
background: -moz-linear-gradient(top, #3c9cd2, #1f6eb6); /* for firefox 3.6+ */
border-top: 1px solid #d5d5d5;
padding-top: 20px;
margin-bottom: 30px;
min-height: 80px;
position: relative;
color: #999;
}Insert this into your child
style.css
file.I think you misunderstood me. In your site, it is changed from black to blue. Example from your site: when i hover with the mous on the “Life” button, the dropdown menu opens, and the higlights are also blue, in my site, they are still black, after i pasted the sprite_h.png
Gotcha. My bad.
To get the blue in the dropdown items, add this to your child
style.css
file:#header-menu ul li:hover,
#header-menu ul li.current-menu-item,
#header-menu ul li.current-menu-ancestor {
background-position: left -3px;
background-color: #212121;
}
- You must be logged in to reply to this topic.