Using an image as a menu background

  • chris27

    #7561

    Hi all,

    How would you go about modifying the backgrounds of the menus/posts to an image instead of a solid color/gradient?

    For example, the way they do this on Newgrounds, see below example:

    http://www.newgrounds.com/bbs/topic/1341379

    Also, I cannot find the option in the graphene customization options to edit the “footer wrapper color” (I think its called…) Its stuck as white/grey gradient, but the top wrapper – which is the menu – is customizable through the menu options.

    Thanks

    Mod

    Kenneth John Odle

    #37340

    First of all, that is a seriously cool menu on that website. Wow!

    Okay, menus in WordPress consist of an unordered list—that’s one drop-down menu—and any number of list items, which are the individual menu items in the drop down. If you poke around in the source code for your page (use your browser’s “View Source” function), you can figure out which classes you need to modify.

    Also, keep in mind that WordPress assigns a unique ID to everything, which is how you can style individual menus.

    I would normally suggest that you use Firebug for something like this, but it’s a bit more difficult to use if dropdowns and hover states are involved.

    It’s difficult to give a lot of instructions about this without knowing how knowledgeable you are in CSS. I don’t want to waste my time or yours going over the basics.

    chris27

    #37341

    Thanks for your reply for the 2nd time today.

    I am not very knowledgeable in CSS, and have been hesitant to edit the source code. (The only reason being my last question on the other thread about customization being lost on update. I want to try to avoid using anything that will be deleted if I update to a new version of graphene.)

    I did poke around with firebug but still having some trouble figuring out how to manipulate that bottom wrapper, plus if I edit in the source code I lose on update right?

    I did see the CSS tab in the grahene options so I assume anything added in there wouldn’t get lost from an update, and maybe that’s where I could stat to input and customize these options.

    Anyway thanks again for your help and any tips on how to achieve the menu /wrapper/post images with CSS or otherwise would be appreciated.

    Mod

    Kenneth John Odle

    #37342
    Quote:
    if I edit in the source code I lose on update right?

    Yes. This is why you want to use a child theme. Do you have FTP access to your site?

    Quote:
    I assume anything added in there wouldn’t get lost from an update, and maybe that’s where I could stat to input and customize these options.

    I would start there.

    If you aren’t knowledgeable about CSS, there are some good resources listed here:

    http://forum.khairul-syahir.com/graphene-support/beginners-resources-possible-sticky#post-15033

    I’m really busy right now; I’ll take another look in a few days when exams are over. In the meantime, poke around in the source code of sites that you like and see how they style things. It’s a great way to learn.

    chris27

    #37343

    Sounds good, I will look in to child themes and the CSS link you posted.

    I appreciate your help.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.