Need help? Check out our Support site, then


Menu Customization

  1. I want to change my menu so that menu items (Home to Contact Us) will be on one line. I tried for the life of me to change the size of the menu, but failed to find selector and proper CSS to fix it.

    I also wanted to change the Font for "Staging you can afford."

    Any help would be greatly appreciated.

    Here is my code that I am using already...

    p {
    color: black;
    }

    /* Menu Slideshow quote */
    li#menu-item-357 {
    display: block;
    text-align: center;
    pointer-events: none;
    cursor: default;
    font-family: proxima-nova; /* Not Working */
    font-style: italic; /* Not Working */
    }

    /* Menu Look */
    li#menu-item-357 {
    font-size: 5px ! important; /* Not Working */

    }

    /* Circle image on Home Page */
    #page-5 .attachment-basis-featured-page {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    }

    /* Color of Text Home Page */
    #page-5 .banner-title h2 {
    color: black;
    }

    #page-5 .banner-content {
    color: black;
    }

    /* Text for "Services" */
    #page-61 .text-section-title {
    text-align: center;
    font-size: 50px;
    }

    #page-61 .banner-title h2 {
    color: black;
    }

    #page-61 .banner-content {
    color: black;
    }

    #page-61 p {
    text-align: center;
    }

    #page-61 .p1 {
    text-align: left;
    }

    #page-61 .p2 {
    text-align: left;
    }

    #page-61 .p3 {
    text-align: left;
    }

    #page-61 .p4 {
    text-align: left;
    }

    /* Gallery Button Transparency */
    .banner-button {
    opacity: .6;
    filter: alpha(opacity=60);
    }

    /* More Gallery */
    #page-146 .text-section-title {
    text-align: center;
    font-size: 50px;
    }

    #page-146 h3 {
    text-align: center;
    }

    /* For IE8 and earlier */
    /* wordpress footer font size */
    .theme-byline {
    font-size: 8px;
    }

    /* Contact page image */
    #page-26 .attachment-basis-featured-page {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 0;
    width: 900px;
    height: 580px;
    }

    #page-26 .text-section-title {
    text-align: center;
    font-size: 50px;
    }

    #page-26 p {
    text-align: center;
    }

    /* about page image (Inactive) */
    #page-36 .attachment-basis-featured-page {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: %;
    width: 1000px;
    height: 570px;
    }

    /* Gallery Page */
    #page-146 p {
    width: ;
    height: 10px;
    }

    /* box footer size */
    .fine-print {
    width: 100%;
    }

    /* footer adjustments */
    .footer-text {
    margin: 1px auto;
    display: block;
    text-align: center;
    line-height: 1.7;
    vertical-align: middle;
    }

    The blog I need help with is stageshowsold.com.

  2. Hello! Your site is set to private so volunteers can't see what you are referring to. We also can't tell what theme you're using in order to offer suggestions. Could you perhaps make your site public so that we can take a look and see if we can help?

  3. I want to change my menu so that menu items (Home to Contact Us) will be on one line.

    You can do that by removing the max-width value for the container div around the menu which has "id=basis-header-nav"

    Here is an example that also uses a media query to limit the change to screen sizes that are larger than 870px so it doesn't affect the mobile view:

    @media screen and (min-width: 870px) {
    	#basis-header-nav {
    		max-width: none;
    	}
    }

    Here is a page with more information about media queries if you're interested:
    http://en.support.wordpress.com/custom-design/custom-css-media-queries/

Topic Closed

This topic has been closed to new replies.

About this Topic