• Resolved donp287

    (@donp287)


    I am a very novice WordPress user, using Twenty Seventeen. I wish to add color to menu bar – text and background. I have enabled CSS Classes in menu editor but cannot find exactly what to enter there. Any help and/or examples would be much appreciated.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You can ask for help in your theme’s forum or take a quick free course on CSS here:
    https://www.codecademy.com/learn/learn-css

    It is very easy.

    Hi @donp287 ,

    Welcome to WordPress! Enhancing your CSS skills is a worthy investment as @jaycbrf recommends.

    To get you started. Here’s how you would make Twenty Seventeen top menu navigation bar have a pink background colour.

    
    .navigation-top {
        background-color: pink;
    }
    

    Try this your self by adding this code to your Appearance > Customize > Additional CSS.

    Also, please make effort to learn how to use the Firefox and Google developer tools.

    Share & enjoy!

    Thread Starter donp287

    (@donp287)

    Thanks Mark that is helpful. After working as an IT Developer for 40 years I do have some HTML knowledge having done a bit of web work in the past with Dreamweaver. I have plugged this CSS code into the customise screen as suggested and republished but background on menu bar is still transparent so it would appear that the default of transparent background is not being overwritten.
    A second small point – what is CSS Class to set site-wide background color – this is also default transparent in Twenty Seventeen and i would like a lightgray background.

    Hi @donp287,

    Sorry. I should have added this to the comments. Try adding the !important command to force the override. This command can be abused, so it’s best to try without first.

    
    .navigation-top {
        background-color: pink !important;
    }
    
    

    Still a chance this won’t work. I’d need to see your page to reproduce the issue and troubleshoot, if this is the case. Always best to supply the page link to avoid wasting cycles. You’ll get more people looking at your issue too.

    For your follow-on question, please post that to the Twenty Seventeen Theme forum. You should probably post both of your questions there instead of here.

    https://ww.wp.xz.cn/support/theme/twentyseventeen

    Enjoy!

    Thread Starter donp287

    (@donp287)

    Thanks; have moved to theme forum which I did not know existed – thanks for your patience

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS Classes’ is closed to new replies.