Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #6491

    how can this be done, to bad it is not a simple feature in admin panel….thanks for help

    #54366

    spent hours searching all of “support” and it looks like many folks are struggling with changing menu colors and font size of menu easily, in recent themes…Flashlight is great theme, menus font color issue making me feel real stupid, because I coulda had this site done today, tried to adjust color here but it never worked, I am a real coding beginner: Thanks for any advice

    main_menu .menu li a strong {

    display:block;

    font-size:14px;

    font-weight:normal;

    cursor: pointer;

    text-transform: uppercase;

    }

    #54367

    Hey,

    in your css folder find dark-skin.css

    Here you can look for

    .main_menu .menu a {
    border-bottom: 1px solid #343434;
    color: #333333;
    }

    .main_menu .menu li a span {
    color: #999999;
    }

    #top .main_menu .menu ul li a {
    border-bottom: 1px solid #343434;
    color: #888888;
    }

    #top .main_menu .menu ul li a:hover {
    color: #555555;
    }

    You can change the hex color codes in there to adjust the colors. I believe you’re mainly searching for the first one ( color: #333333; ), if you’d like to make it pink you’d make it : color: #ff0099; and so on.

    The size can be adjusted by adding the following right below the color property.

    font-size: 20px;

    So it would become:

    .main_menu .menu a {
    border-bottom: 1px solid #343434;
    color: #ff0099;
    font-size:20px;
    }

    #54368

    where is that CSS folder located exactly, and could it be pasted in as a snippet, and how…Thanks again

    #54369

    In the theme folder you’ve uploaded (flashlight) there is another folder called “css”, in there you’ll find dark-skin.css.

    In that dark-skin.css file you should look for the first bit of code I pasted. You can then replace

    .main_menu .menu a {
    border-bottom: 1px solid #343434;
    color: #333333;
    }<code>by</code>.main_menu .menu a {
    border-bottom: 1px solid #343434;
    color: #ff0099;
    font-size:20px;
    }

    This would give you a pink menu item with a font-size of 20px. The pieces of code after that part (which I also pasted above) also contain color values of other menu-related colors which you can also edit using the hex color codes I linked in my previous post.

    It is important you edit the file you’ve uploaded on your server – you can also edit the file that isn’t online and then overwrite the online file with your newly edited file.

    #54370

    thanks Chris, I was able to get menu copy to show “white”, but couldn’t get anything to work on the hover effect and color change for the hover?…also where does “Home” page reside, is it a default?….thanks

    http://armkoproperties.com/

    #54371

    Hey,

    as for your Home item you can edit this in your Dashboard under Appearance > Menus.

    I’ve also found it’s extremely hard to style the headings when using custom fonts for Heading Font, it’s best to go for no custom font, the styling should then work without problems.

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘changing colors/size in menu type?’ is closed to new replies.