Don't wait, Lookup for common queries by searching below


Important Note


We have shifted our support forum with more advance feature, So if you are Pro buyer at InkThemes.com, Do ask all your support queries at http://www.inkthemes.com/community



InkThemes Support Forum » InkThemes Support Forum

A few colorway questions

(4 posts)

  1. antoniamaslin
    Member

    Member
    Joined: May 2012
    Posts: 46

    1. How do I change the font color and size of the text in the menu navigation?

    2. I've got a grey background to the menu bar, how can I spread this out? www.antoniamaslin.info

    Posted 10 months ago #

  2. Gourav
    Support Staff

    Support Staff
    Joined: Jun 2012
    Posts: 1,735

    Hello,

    1)For your first issue

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    #menu li{
font-size:25px!important;
}

#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
color:red!important;
}
#menu li a{
color:blue!important;
}

    You can give your color code.

    2)For your second issue

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
background:white;
}

.ddsmoothmenu{
background-image:none;
}

    Thanks
    Gourav

    Posted 10 months ago #

  3. antoniamaslin
    Member

    Member
    Joined: May 2012
    Posts: 46

    Thanks for that however that's not what I ment with question 2. I want to determine the width of the menu background. If you look at my website you can see the box at the bottom is hat I also want to achieve with my menu bar

    www.antoniamaslin.info

    Thanks

    Posted 10 months ago #

  4. elames
    Pro Member

    Pro Member
    Joined: Jan 2012
    Posts: 282

    If you get the FIREBUG plug in for Chrome, you can easily see what codes are being used for different parts of your page, and you can test out changes on the fly. If they work the way you want, copy and paste the code into the Custom styles section.

    I don't know much about php etc, but I have learned alot from it and from reading the other posts in this forum that I can now make some changes myself.

    It shows the header as 950 pixels wide
    here are the styles that relate to the menu
    #MainNav ul {
    list-style-type: none;
    margin:0px;
    padding:0px;
    }
    #menu {
    position:relative;
    z-index:88;
    }
    #menu li {
    margin:0 3px 0 0;
    padding:0;
    float:left;
    background: none;
    color:#555;
    font-size:14px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    }
    #menu li a {
    margin:0;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    position:relative;
    float:left;
    color: #000000;
    text-align:center;
    text-decoration:none;

    Posted 10 months ago #

RSS feed for this topic

Reply

You must log in to post.