ThemeShaper Forums » Thematic

[closed]

Adding >> to indicate subpages

(16 posts)
  • Started 5 years ago by Mark
  • Latest reply from perryb
  • This topic is resolved
  1. How does one go about adding some visual indication that there are subpages on the drop downs?

    http://www2.bcmud.org

    BTW, I realize I could easily add >> to the Page title in Wordpress, but I was wondering if there was a CSS way to do it.

    Posted 5 years ago #
  2. Hey Mark,

    copy thematic\library\scripts\thematic-dropdowns.js to the child theme's directory. Rename it to my-dropdowns.js. Edit this file and change autoArrows to TRUE.

    Add the following code to your functions.php:

    function my_dropdownoptions($dropdown_options) {
        $dropdown_options = str_replace('    <script type="text/javascript" src="' . get_bloginfo('template_directory') . '/library/scripts/' . 'thematic-dropdowns.js', '    <script type="text/javascript" src="' . get_bloginfo('stylesheet_directory') . '/' . 'my-dropdowns.js', $dropdown_options);
        return $dropdown_options;
    }
    add_filter('thematic_dropdown_options', 'my_dropdownoptions');

    Tested and Approved.

    Cheers,

    Chris

    Posted 5 years ago #
  3. Don't get the second question .. what do you mean by Page title? Title displayed on a page or the title tag? .. maybe I just need some sleep or a reset for my head :-)

    Posted 5 years ago #
  4. Wow, thanks for the quick reply. I'll get to testing this once I get into work.

    For clarity, I can easliy add >> to the name of the Page I create using Wordpress. That gives the same effect, but leaves me with >> on the actual title of the page. I hope that clears it up. If not, no worries, I am certain your how-to will get me on the right path.

    BTW, thanks for putting this theme together and supporting it.

    Also, can you include a brief "how to" change the background color of the drop downs? I've tried a couple places, but it does not change the color.

    Peace and Cheers
    Mark

    Posted 5 years ago #
  5. Hey Mark,

    here's a 'commented' excerpt of the Superfish CSS responsible for the background:

    .sf-menu li {
    	background:		#fff; /* Background color Top Level*/
    }
    .sf-menu li li {
    	background:		#fff; /* Background color first sub-level */
    }
    .sf-menu li li li {
    	background:		#9AAEDB; /* Background color second sub-level */
    }
    .sf-menu li:hover, .sf-menu li.sfHover,
    .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        background:     #fafafa;  /* Background color all levels */
    	outline:		0;
        border-bottom-color:#ccc;
    }

    Hope this helps.

    Cheers,

    Chris

    Posted 5 years ago #
  6. .. and btw.: Thanks for your compliments .. will hand the ones for putting the Theme together over to Ian and the team :-)

    Posted 5 years ago #
  7. So I figured out the color stuff. Took some tweaking, but that's what I enjoy about this process!

    The arrows, not so much. I noticed that you mentioned changing the child theme directory. I am not using the child theme directory. Should I be? I am putting this together to present a new look to the District's current website (http://www.bcmud.org) so I don't think I have a need to use the child theme. Can you provide some additional guidance knowing that I am just using the parent theme?

    Cheers!
    Mark

    Posted 5 years ago #
  8. We're not perfect. There are minor bugs already fixed in the SVN. And Thematic is constantly evolving. Each day we're providing support brings up great ideas for future releases.

    You should use a child theme because this is the only way to protect your design, all the time you spent working on it against being overwritten by an update of Thematic.

    Cheers,

    Chris

    Posted 5 years ago #
  9. So how do I go about using the child theme? Fortuately this is a production site, so if it does get over-written that's they way it goes. I don't think I've made so many changes that I could not reproduce them (especially since I am making back-ups of the files I am editing).

    Thanks again for your guidance.

    Posted 5 years ago #
  10. In your thematic directory you have a subdir thematic-sample-child-theme. Rename and move this entire folder to the root level of wp-content/themes alongside Thematic and activate your new Thematic Child Theme like any other WordPress theme.

    All changes can now be done by editing the child theme's style.css and functions.php.

    Posted 5 years ago #
  11. Thanks for all the help Chris. Your assitance was great and got me the results I was lookiong for.

    Mark

    Posted 5 years ago #
  12. Is there a way to make the drop downs stay within the window? The ones further to the right go off the window and cannot be seen.

    Posted 5 years ago #
  13. Hey Mark,

    need to think about if and how this could be solved.

    Cheers,

    Chris

    Posted 5 years ago #
  14. Thematic is amazing. nuff' said.

    so i implemented the ">>" and it looks great. but how can i customize it? i'd like to not show it on the first level, only on subsequent levels.

    also, i'd prefer to have a CSS class that i can customize in other ways - adding a background image that is right aligned would be ideal.

    thoughts?

    Posted 4 years ago #
  15. Hi I've tried this method and also @helgatheviking's slightly different version noted here:

    http://forums.themeshaper.com/topic/thematic-menus-demystified-1

    But neither method works for me.

    If I check the source the thematic-dropdowns.js file (or my-dropdowns.js if following Chris's example above) is referenced correctly in the <head> and autoArrows is set to true as it should be.

    I tried removing the additions to functions.php and simply editing the original thematic-dropdowns.js file (just to see if this would work) but the arrows didn't appear either with the child theme or with Thematic itself activated.

    I'm running the latest svn version of Thematic using a child theme and Wordpress 3.0.1. I haven't done any additional styling for the theme as yet. Oh, and I have tried this with and without WP 3 custom menus.

    Posted 3 years ago #
  16. OK problem solved: there was a conflict caused by the plug-in FV Community news. After removing the plug-in the jQuery started working again.

    I realised belatedly that I hadn't noticed that none of the menu animations were working at all.

    Posted 3 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.