• GoDaddy Community
  • Managed WordPress Hosting
  • Managed WordPress Hosting

    cancel
    Showing results for 
    Search instead for 
    Did you mean: 
    Go to solution

    Custom CSS

    I have custom CSS that GoDaddy created for top nav bar, but now I can't edit it to include another button for top nav bar. 

     

    CSS:

     

    /* WPPS CM17314287 MC */

    .row-menu.top-m .header-menu .main-menu > li.menu-item-564 {
    background-color: #005195;
    }
    .row-menu.top-m .header-menu .main-menu > li.menu-item-39 {
    background-color: #47ceff;
    }
    .row-menu.top-m .header-menu .main-menu > li.menu-item-37 {
    background-color: #73c31b;
    }
    .row-menu.top-m .header-menu .main-menu > li.menu-item-33 {
    background-color: #00396e;
    }
    .row-menu.top-m .header-menu .main-menu > li.menu-item-29 {
    background-color: #47ceff;
    }
    .row-menu.top-m .header-menu ul.sub-menu {
    transform: skewX(-45deg);
    left:-40%;
    top:30px;
    }
    .header-menu .main-menu > li:hover > a{
    background-color: transparent;
    }
    #textblockswidget-2 .text-block.top-buttons,
    .row-menu.main-m
    {
    display:none;
    }
    .row-menu.top-m {
    background-color:#fff;
    }
    .row-menu.top-m .header-menu .main-menu > li {
    transform: skewX(45deg);
    border-left: 0px solid #fff;
    border-right: 0px solid;
    }
    .row-menu.top-m .header-menu .main-menu > li > a {
    transform: skewX(-45deg);
    line-height:30px;
    }

    .row-menu.top-m .header-menu .main-menu > li.current_page_item > a {
    background: transparent;
    }

    @Media (min-width: 1000px) {
    .row-menu.top-m .container {
    width: auto;
    }
    }

    @Media (max-width: 700px){
    #textblockswidget-2 .text-block.top-buttons{
    display:block !important;
    }
    }

    .site-header .right-part .top-elements #text-2 p {
    padding-bottom: 0px;
    }

     

     

     

    Capture.JPGCapture1.JPG

    6 REPLIES 6
    Super User II
    Super User II

    Re: Custom CSS

    @advitcon 

     

    You say you can't edit the CSS - is that you don't know where it is in WordPress to edit it, or is it locked??

     

    If you can send a link to your site that would be helpful

    GoDaddy Pro User - Managing over 300 WP Sites
    Super User II
    Super User II
    Solution

    Re: Custom CSS

    @advitcon 

     

    In looking at the source code of you site I see this code is in the wp-custom-css section

    This means to edit this code you go to Appearance -> Customize -> Additional CSS and you should be able to edit it there

    GoDaddy Pro User - Managing over 300 WP Sites

    Re: Custom CSS

    @PL281 

     

    Thanks, I was able to edit the code BUT  how can I make the nav bar smaller? Also the new button is white, how can I change that? Any help is appreciated...

     

    Capture.JPG

    Re: Custom CSS

    @PL281 

     

    Basically what I am asking is where would I find the "menu-item" number.

     

    Example: }
    .row-menu.top-m .header-menu .main-menu > li.menu-item-590 {
    background-color: #005195;

    Super User II
    Super User II
    Solution

    Re: Custom CSS

    @advitcon 

     

    If you do a view source (or I recommend inspect element) you can see that menu is now 1610

     

    GoDaddy Pro User - Managing over 300 WP Sites