Theme Changes

• 

  lee0593 · Member · May 21, 2018 at 3:34 am

  • Copy link
  • Add topic to favorites

  Hi, I would like to make some changes to this theme, if possible.
  1. Change color of the background on bar going across the top. From the main menu to site logo.
  2. Change color mobile menu, and the border of mobile menu.
  3. Change color of footer widgets to white. I would like the bottom footer to remain red but the social menu and “powered by wordpress” to be white.
  4. Change background color of main menu drop-down on PC.

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

• 

  shubhamgmath · Member · May 21, 2018 at 4:33 am

  • Copy link

  Hi lee0593

  You can achieve all the things by adding the Custom CSS code to your site.

  1. Change color of the background on bar going across the top. From the main menu to site logo.

  header#masthead {
      background-color: yellow !important;
  }

  Change color mobile menu, and the border of mobile menu.

  .main-navigation.toggled>div {
      background: grey !important;
  }

  3. Change color of footer widgets to white. I would like the bottom footer to remain red but the social menu and “powered by wordpress” to be white.

  .site-info a {
      color: white !important;
  }

  We can not change the color of the icon but we can give background to the social menu.

  nav.social-navigation {
      background-color: white;
  }

  4. Change background color of main menu drop-down on PC.

  .main-navigation ul ul {
      background: red !important;
  }
  
  .main-navigation ul ul li {
      background: red !important;
  }
  
  Custom CSS can be used if you are under Premium plan or above. 
  To know how to edit the CSS to your site here is the support document for that:
  https://en.support.wordpress.com/custom-design/editing-css/
  
  For more information on plans and plan features please refer to the link below:
  https://wordpress.com/pricing/
  
  Hope this helps,