Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • greinert Friend
    #199707

    Would like the ability to make each menu item in the main menu a different color to draw attention and use the color as as marker throughout the new website. See this website for an example: http://www.polk-fl.net/


    1. banner-color
    TomC Moderator
    #542464

    You should be able to do this by assigning each of the links a unique class, and then giving each class a different background color using CSS.

    For Example:
    You could create different color classes (see below), and then assign a respective class to each menu item:

    .gold {
    background-color: #faa732;
    }

    .blue {
    background-color: #faa732;
    }

    .green {
    background-color: #faa732;

    Make Sense?

    greinert Friend
    #542479

    Unfortunately I’m a novice with CSS. I need more details on exactly what to do. Thanks.

    TomC Moderator
    #542481

    <em>@greinert 436852 wrote:</em><blockquote>Unfortunately I’m a novice with CSS. I need more details on exactly what to do. Thanks.</blockquote>

    Here is a tutorial which may assist you —> HOW TO USE MODULE CLASS SUFFIX in JOOMLA

    Nazario A Friend
    #542551

    @greinert,

    You can use the class suffixes then add your custom code into file /templates/your_template_name/css/custom.css (if not exists, pls create new one).

    In this case, please do as following:

    – Go to the Megamenu Configuration, then click to menu item and add the Extra Class. (ex: Add “home-blue” for Home menu item)

    – Open file: /templates/your_template_name/css/custom.css then add this rule:

    .home-blue {
    background: blue;
    }

    I guided you to make a menu item , pls do as the same for other menu item.

    Let me know if this helps


    1. Screenshot_54
    greinert Friend
    #542657

    Sorry, but the provided references are generic. Can anyone provide details on exactly where to look within Joomla Purity III or T3 templates? What commands/steps are required to make this happen? Thank you.

    TomC Moderator
    #542660

    <em>@greinert 437070 wrote:</em><blockquote>Sorry, but the provided references are generic. Can anyone provide details on exactly where to look within Joomla Purity III or T3 templates? What commands/steps are required to make this happen? Thank you.</blockquote>

    The references are relative to working within the Joomla CMS environment – of which Purity III is.

    The recommendations and references provided will teach you how to work with, create and assign module classes within your site.

    greinert Friend
    #542663

    Thanks. That was the pointer I needed. Now understand how to apply class within Megamenu.

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

This topic contains 8 replies, has 3 voices, and was last updated by  greinert 10 years, 3 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum