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

Button menu

Discussion in 'Free Divi Community Forum' started by ziofester, Oct 29, 2021.

  1. ziofester

    ziofester New Member

    Hello everyone! in the default wordpress menu I wanted to insert a button-like background in the login section. then i entered this css code but the result does not come as it should.
    sending you the picture of how it is and how it should be. the css I used is


    .evidenziato {
    background-color: #162a77;
    border-radius: 5px;
    }
    .evidenziato a, .evidenziato a:hover, .evidenziato a:focus {
    color: #ffffff !important;
    font-weight: bold;
    }
     

    Attached Files:

    #1 ziofester, Oct 29, 2021
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  2. Aman Uddin

    Aman Uddin Divi Expert

    Use these CSS codes:
    .et_header_style_left #et-top-navigation {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    }
    #top-menu-nav>ul>li>a {
    /* padding-top: 33px !important;
    padding-bottom: 33px !important; */
    padding:20px 15px !important;

    }
    .evidenziato {
    background-color: #162a77;
    border-radius: 5px;
    }
    .evidenziato a, .evidenziato a:hover, .evidenziato a:focus {
    color: #ffffff !important;
    font-weight: bold;
    }
    #top-menu .menu-item-has-children>a:first-child:after{
    top:20px;
    }
    #et_top_search {
    margin:20px 0 0 22px;
    }
    I hope it will work
     
    #2 Aman Uddin, Oct 29, 2021
  3. ziofester

    ziofester New Member

    it works! however when I scroll down the login text is no longer visible
     
    #3 ziofester, Oct 29, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  4. Aman Uddin

    Aman Uddin Divi Expert

    share your website url
     
    #4 Aman Uddin, Oct 29, 2021
  5. ziofester

    ziofester New Member

    #5 ziofester, Oct 29, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  6. ziofester

    ziofester New Member

    do you have any idea?
     
    #6 ziofester, Nov 2, 2021
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    Your login text looks just fine to me.
     
    #7 Divi.Help, Nov 7, 2021
    1. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from:Learn More
(You must log in or sign up to post here.)