ThemeShaper Forums » Thematic

[closed]

Custom Menu in 1st Subsidary Aside

(3 posts)
  • Started 1 year ago by stepintheterrain
  • Latest reply from stepintheterrain
  • This topic is resolved
  1. stepintheterrain
    Member

    I am not sure if this is a question for thematic forum or wordpress forum, but since I am using thematic I think it is for here.

    I am using the custom menu widget to show my menu in my footer in the 1st subsidary aside. Easy enough. However, after numerous tests I cannot get the footer to be horizontal. My menu is about 8 parent pages & then 2 of the parent pages have 3 child pages underneath. So I cannot get my css to match up to have the links display properly across the bottom.

    I am looking for it to look like:
    link1 link2 link3 link4 link5 etc
    sub1 sub1
    sub2 sub2
    sub3 sub3

    I have done this quite a few times outside of wordpress & just not sure what I am doing wrong. I have changed my css quite a few times, but this is what I currently have as active in my css:

    #subsidiary .aside {
    float: left;
    margin: 0 20px 0 0;
    width: 940px;
    }

    .aside {
    color: #ffffff;
    }

    .aside .current_page_item a {
    color: #fff;
    text-decoration:none;
    }

    .aside a {
    color: #fff;
    text-decoration:none;
    }

    .aside a:active,
    .aside a:hover {
    color: #fff;
    text-decoration:underline;
    }

    a:link {
    color: #fff;
    text-decoration:none;
    }

    .aside li {
    display:inline;
    }

    The below are tags I have hidden in my css, but have tested with no luck either:
    /*
    .aside a {
    display: block;
    margin: 5px;
    }

    .aside ul ul li {
    padding: 1px 0;
    display: block;
    }

    .aside ul li {
    clear: left;
    }

    .aside ul ul {
    list-style: disc outside none;
    margin: 0 0 22px 20px;
    }

    .aside ul ul {
    list-style-type:none;
    margin:0;
    padding:0;
    }

    .aside ul {
    display:inline-block;
    }

    .aside ul ul ul {
    display:inline;
    cursor:
    }

    .aside ul ul li {
    padding: 1px 0;
    display:block;
    }

    */

    Posted 1 year ago #
  2. well the question isn't related to how to use thematic at all. you are having trouble styling the menu widget. if you want it horizontal then take you have to float the LI elements left. take a look at the styles for the default menu. i'd use class selectors more specific to the menu widget. also, fyi- live links are a lot easier to provide help with. no one gets excited about trying to decipher your code.

    Posted 1 year ago #
  3. stepintheterrain
    Member

    I figured it might not be but I wanted to just double check it was not something in the thematic setup. I appreciate the response as it turns out I was having a brain fart & it is all now fixed. Thank you!!

    Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.