Change background colour on Primary Widget

• 

  mightymamabear2017 · Member · Nov 4, 2017 at 10:48 am

  • Copy link
  • Add topic to favorites

  Hi,

  I was hoping to change the background colour of the primary widget on on Apostrophe 2. Does anyone know if this can be done?

  Thanks

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

• 

  tarunvijwani · Member · Nov 4, 2017 at 12:19 pm

  • Copy link

  Hi there,

  You can achieve this either by using custom colors or custom CSS.

  If you go for custom colors then it will help you to change the color of whole site not just the widget.
  Please refer this article for more details on custom colors: https://en.support.wordpress.com/custom-design/custom-colors/

  If you just want to change widget color then you can try custom CSS

  Please try the below code under custom CSS & let us know if it works:

  .widget-area .sidebar-primary aside {
      background: #bfbfbf;
      border-top-color: #bfbfbf;
  }

  Please check all the pages & blog post on every device to confirm it is not impacting anything else.

  Please refer this support article for more details for Custom CSS: https://en.support.wordpress.com/custom-css/

  Please note CSS Customizer is only available in Premium or Business upgrade plan.

  Please refer the below articles to know more about business plans:
  http://wordpress.com/pricing
  https://en.support.wordpress.com/business-plan/
  https://en.support.wordpress.com/seo-tools/

  Hope this helps!