• GoDaddy Community
  • Managed WordPress Hosting
  • Managed WordPress Hosting

    cancel
    Showing results for 
    Show  only  | 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 III
    Super User III

    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



    I am a GoDaddy End User - Just Like You
    Check out my site! | I currently manage over 300 WordPress Websites
    * Please note that I offer free advice on this forum. If you would like personalized help, please contact me. Otherwise, please ask your question in the proper forum so the answer can assist EVERYONE in the community and not just you. Thanks! *

    Once your issue is resolved,
    please be sure to come back and click accept for the solution

    Get Better Support on the Community Boards!
    Etiquette When Asking for Help from the Community

    Super User III
    Super User III
    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



    I am a GoDaddy End User - Just Like You
    Check out my site! | I currently manage over 300 WordPress Websites
    * Please note that I offer free advice on this forum. If you would like personalized help, please contact me. Otherwise, please ask your question in the proper forum so the answer can assist EVERYONE in the community and not just you. Thanks! *

    Once your issue is resolved,
    please be sure to come back and click accept for the solution

    Get Better Support on the Community Boards!
    Etiquette When Asking for Help from the Community

    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;

    Highlighted
    Super User III
    Super User III
    Solution

    Re: Custom CSS

    @advitcon 

     

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

     



    I am a GoDaddy End User - Just Like You
    Check out my site! | I currently manage over 300 WordPress Websites
    * Please note that I offer free advice on this forum. If you would like personalized help, please contact me. Otherwise, please ask your question in the proper forum so the answer can assist EVERYONE in the community and not just you. Thanks! *

    Once your issue is resolved,
    please be sure to come back and click accept for the solution

    Get Better Support on the Community Boards!
    Etiquette When Asking for Help from the Community