Change the colour and font of the Menu Tabs

• 

  chandanavasist · Member · Feb 14, 2018 at 10:45 am

  • Copy link
  • Add topic to favorites

  Hi, I have used Apostrophe 2 theme for the website. I want to change the colour to Orange of the header menu and the font too. I saw in some answer they told to install a JetPack PlugIn. I am not finding where to change. Let me know how to go to CSS file to change. (I don’t need the code) I wanna know where to change it/ or the path for CSS

  The blog I need help with is: (visible only to logged in users)

• 

  shubhamgmath · Member · Feb 14, 2018 at 12:59 pm

  • Copy link

  Hi chandanavasist

  You can only add custom CSS if you are under premium or business plan.

  If you are under any of these plans then here is the guide for Editing CSS

  To know more about plan features and upgrades you can refer to this page :https://en.support.wordpress.com/plan-features/

• 

  shubhamgmath · Member · Feb 14, 2018 at 1:06 pm

  • Copy link

  Hi chandanavasist

  If you can under these plans that allow adding custom css than below code will help you out to take care of changing color and font for menu tabs

  ul#menu-primary li a {
  font-family: fantasy;
  color: orange;
  /* background-color: green; */
  }

  if you want to give background color for individual tab then you can uncomment the line in above code.

  Hope this will help you, feel free to ask if you stuck anywhere.

• 

  pavanraheja · Member · Feb 14, 2018 at 1:06 pm

  • Copy link

  Hi @chandanavasist,

  Here is a useful support document to explain the details for adding Custom CSS to your site:

  https://en.support.wordpress.com/custom-design/editing-css/

  Please note, the custom css features are available with the Premium and Business Plan only. The Custom CSS section would be enabled ones you are subscribed to either of the plans.

  The JetPack plugin is included in the built in plugins on WordPress.com. If you use a Self-Hosted WordPress, you would need to install Jetpack additionally.

  If you are already subscribed to the Premium or Business Plan you can even use Live Chat and the csss customization forum to get help. We would be happy to help you with the code too! :)

  Hope this helps, let me know any further assistance.

  Thanks!

• 

  pavanraheja · Member · Feb 14, 2018 at 1:07 pm

  • Copy link

  @shubhamgmath: Sorry! Missed out to refresh! :)

  @chandanavasist: Let us know if you need any further information! :)

• 

  shubhamgmath · Member · Feb 14, 2018 at 1:11 pm

  • Copy link

  hi pavanraheja

  It usually happens , no worries :)

• 

  chandanavasist · Member · Feb 15, 2018 at 2:54 am

  • Copy link

  Thank you so much @pavanraheja and @shubhamgmath.

  No, I think I got my answer.