• GoDaddy Community
  • Website Design & Development
  • Website Design & Development

    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

    2 ACCEPTED SOLUTIONS

    @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. Thank You Info 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

    View solution in original post

    @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. Thank You Info 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

    View solution in original post

    6 REPLIES 6
    Super User IV

    @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. Thank You Info 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

    @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. Thank You Info 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

    View solution in original post

    @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

    @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;

    @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. Thank You Info 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

    View solution in original post