Footer Question

  • madhogg


    got it! I am familiar, but not very good at it



    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.



    wow, thanks allot! The blue you used in your theme fits perfectly with my site to, i noticed it is just the same as the widget title background. I was hopeing to do the same.



    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.



    it worked, thank you! But my submenu highlight is still black, is there something i can dou about it?



    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;

Viewing 10 posts - 11 through 20 (of 23 total)

  • You must be logged in to reply to this topic.
Graphene Themes Forum