Need help? Check out our Support site, then


menu bar in mystique

  1. hi i just bought the ccs upgrade for my blog and i'm going to change to the mystique theme. i have a couple of questions and i hope you can help me.

    1.How can i change the color of the text in the main menu bar?
    2. There is a gap between the menu bar and the text box a can i remove it?
    3.how can i make the header link to the main page?
    4. there is a “Mystique Tabbed Widget” can i change the little icons on that?
    5.Right the the bottom i can put some widgets boxes , can i change the color of the boxes where the text goes?
    6. Under every post there is a bar whit the date and all, can i change the color of the bar? and how?

    Thank you i hope you help me. : )

    The blog I need help with is galaxianintendo.wordpress.com.

  2. That's a lot of questions! I'll start answering in steps.

    1. The menu bar text colors in Mystique can be controlled with these codes:

    #access a {
    	color: #4e4e4e;
    }
    #access ul ul a {
    	color: #4e4e4e;
    }
    #access ul ul :hover > a {
    	color: #0071bb;
    }
    #access .current-menu-parent > a {
    	color: #fff;
    }
    #access .current-menu-parent > a:hover {
    	color: #0071bb !important;
    }

    Change out the colors as necessary.

  3. 2. There is a gap between the menu bar and the text box a can i remove it?

    The gap is set on the menu bar, and you can adjust it with the following CSS. I would also adjust the shadow.

    #access {
    box-shadow: 0 3px 7px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.6);
    margin-bottom: 0px;
    }
  4. 3. how can i make the header link to the main page?

    There is not currently a way to make a header linked when it's not already built into the theme, but there is a CSS workaround. See the following post for details about how it works. Note that you will probably need to adjust the CSS to be specific to Mystique, but you should start by creating a text widget with a transparent PNG.
    http://en.forums.wordpress.com/topic/making-a-header-image-a-link?replies=7#post-768298

  5. 4. there is a “Mystique Tabbed Widget” can i change the little icons on that?

    Are you talking about these tabs? http://s2.wp.com/wp-content/themes/pub/mystique/images/tab.png

    You can change those out, but first you have to create an image exactly like that one with the new icons you would like to use and upload it to your media library. Once you have that, you can change out the tabs with CSS like this:

    ul.sidebar-tabs li a {
    background: transparent url("YOUR_IMAGE_URL") no-repeat left top;
    }
  6. 5.Right the the bottom i can put some widgets boxes , can i change the color of the boxes where the text goes?

    You cannot add widget boxes just using CSS, but if the theme does have a widget area built in to the footer, then you can add widgets from the Appearance -> Widgets page and then you can adjust the color of the boxes. Do you mean you want to change the background color of the boxes or the text color or the border color?

  7. 6. Under every post there is a bar whit the date and all, can i change the color of the bar? and how?

    The date bar for posts in the Mystique theme is also done with an image:
    http://s2.wp.com/wp-content/themes/pub/mystique/images/info-bar.png

    You can simply download the image, make a copy of the exact same image with different colors, upload the new image to your media library and use this CSS to replace the image in the theme:

    .post-info {
    background: transparent url(YOUR_IMAGE_URL) no-repeat right top;
    }

    Replace YOUR_IMAGE_URL with your modified image URL from your media library after you upload it.

  8. thank very much designsimply. I'll try it and get back to you if a have any questions. : )

Topic Closed

This topic has been closed to new replies.

About this Topic