1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Can You Apply different Styles to individual menu items

Discussion in 'Basic Support Forum' started by harrystymiest, Jun 12, 2018.

  1. harrystymiest

    harrystymiest Member
    Divi Ultimate Header Plugin Pro Member (Support Expired)

    Like the attached image?
     

    Attached Files:

    #1 harrystymiest, Jun 12, 2018
    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    To achieve that, you need to first add CSS Class to the specific menu item (see screenshot below). And then add the relevant CSS to tweak the menu item.

    upload_2018-6-13_12-11-16.png

    If you can't find the CSS Classes option, then you need to click Screen Options & tick the CSS Classes (see screenshot below).

    upload_2018-6-13_12-13-4.png
     
    #2 Divi.Help, Jun 12, 2018
  3. harrystymiest

    harrystymiest Member
    Divi Ultimate Header Plugin Pro Member (Support Expired)

    Can you help with that CSS? I'll buy Ultimate Header
     
    #3 harrystymiest, Jun 13, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    May I know what specifically you want to achieve?
     
    #4 Divi.Help, Jun 13, 2018
  5. harrystymiest

    harrystymiest Member
    Divi Ultimate Header Plugin Pro Member (Support Expired)

    I want a menu with alternating Purple #9C01FF and Blue #00A2FF Lines under the text should connect to create a pattern Hover state is white and active state is white matching screenshot in original post
     
    #5 harrystymiest, Jun 13, 2018
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Yes, we can assist you on that. Once you purchase our header plugin, just proceed to ask it in our support forum.
     
    #6 Divi.Help, Jun 13, 2018
  7. harrystymiest

    harrystymiest Member
    Divi Ultimate Header Plugin Pro Member (Support Expired)

    Purchased
     
    #7 harrystymiest, Jun 14, 2018
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Hi there. First you need to add this custom CSS at Divi -> Theme Options
    Code:
    Log In or Sign Up to view this code.
    Then you just need to add the CSS classes menu-item-purple / menu-item-blue to the respective menu items, by following the guide in the second post above.
     
    #8 Divi.Help Pro Support, Jun 14, 2018
  9. harrystymiest

    harrystymiest Member
    Divi Ultimate Header Plugin Pro Member (Support Expired)

    How do I activate my purchase?
     
    #9 harrystymiest, Jun 14, 2018
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  10. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    #10 Divi.Help Pro Support, Jun 14, 2018
(You must log in or sign up to post here.)