ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

1. 

   Newbie
   Member

   Okay, I feel like the answer to this is extremely obvious, but I am at a loss.

   I'm working with the basic Thematic theme, and I want to change how the menu looks. Things like colors, and if it has drop-downs, etc. I thought I had to go to the .css file to mess with those things, but it seems not. I've been scouring the various theme files for where the navigation menu is generated, but I can't for the life of me find it.

   The closest I can find is this
   

   // create the navigation above the content
               thematic_navigation_above();

   It says it's making the menu - but where the heck is it going to determine colors and fonts?

   Sorry if this is a stupid question, but I just can't find the answer. =S

   Thanks!

   Newbie

   Posted 1 year ago #
2. 

   em hr
   Moderator

   Hi,

   You can do what your asking with CSS. Heres some background on whats happening with the code you want to style:

   thematic_navigation_above() is a PHP function that outputs code something like this:

   <div id="nav-above" class="navigation">
   				<div class="nav-previous"><?php thematic_previous_post_link() ?></div>
   				<div class="nav-next"><?php thematic_next_post_link() ?></div>
   </div>

   You can look at the source code of your page and see exactly what it output.

   From there it is up to your stylesheet to assign style to the HTML elements, attributes and selectors. By default Thematic has #nav-above set to display:none

   Hope It helps,

   -Gene

   Posted 1 year ago #
3. 

   Newbie
   Member

   That mostly makes sense, but I also now have more questions.

   What I am trying to edit is the navigation menu, that is just under the header. The menu with things like Home, About, Contact etc. Where can I change the fonts and settings for that menu?

   Thanks!

   Posted 1 year ago #
4. 

   em hr
   Moderator

   The main navigation you're describing is actually created by a function named thematic_access(). In your child theme you should have a style.css file that is where you can add code to apply styles to the menu.

   This link will help you get started and may answer some of your questions:

   http://themeshaper.com/wordpress-child-theme-basics/

   Posted 1 year ago #
5. 

   keco86
   Member

   If you have the latest version of thematic copy lines 152-205 from default.css and paste them into style.css. Then you can make all your css changes to the predefined declarations. (the section you are looking for starts with the comment THEMATIC skin and ends just before the content declarations
   I find that getting the declarations that have already been set helps when I am trying to overwrite them.

   Posted 1 year ago #
6. 

   yetimade
   Member

   Okay. Similar question here.

   I need to do something like this with the menu:

   <div="left-nav-image">

   <div="repeating-menu-middle">

   <div="right-nav-image"

   The idea is to create something like this: [hello] where each bracket is an image and the center can stretch to accommodate various link widths.

   How in the name of Zeus can I do that if it's outputting code? I've been searching for a while and can't figure this out. Please halp!

   Thanks!
   JC

   Posted 1 year ago #
7. 

   rscamero92
   Member

   Here is the codes I used for my menu, maybe this might help you......

   http://themeshaper.com/forums/topic/my-custom-menu

   Posted 1 year ago #
8. 

   yetimade
   Member

   Thanks for the CSS. I saw this already, but I'm not sure it is what I'm looking for. What I'm lookint to do is add 2 new classes within the

9. that creates each menu item. And I don't know where I can find it. Any suggestions as where to look or how to do that?

   So, like this:

10. <class A> LINK <class B>

But I can't get to the LI b/c it's generated. How do I get around that??