• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Change color sidebar widget background Outreach

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Change color sidebar widget background Outreach

This topic is: resolved

Tagged: color, disable, hide, Outreach Pro, primary sidebar, remove, widget

  • This topic has 7 replies, 2 voices, and was last updated 8 years, 9 months ago by Davinder Singh Kainth.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 23, 2014 at 6:54 am #111143
    wizz6113
    Member

    I am trying to 'deactivate' for want of a better word, the sidebar widgets but keep the sidebar in place (ie,. keep the space and merely 'hide' the widgets.).

    I thought that by making the background of the primary sidebar widgets white, I'd make them invisible. But the default 'black background' still shows. Despite my tweaking CSS in various obvious places.

    Where can I find the CSS code to make the widget boxes white background, so I can not populate them and make them invisible by this workaround?

    Thanks. See the inner page eg link for my prob.

    http://wpreneur.com/iicss/centres/centre-for-critical-psychology/
    June 23, 2014 at 6:57 am #111145
    Davinder Singh Kainth
    Member

    Look for following code in style.css file

    .outreach-pro-blue .author-box,
    .outreach-pro-blue .nav-secondary .wrap,
    .outreach-pro-blue .sidebar .widget  {
    	background-color: #17222b;
    }
    
    .outreach-pro-blue .nav-secondary .genesis-nav-menu .sub-menu,
    .outreach-pro-blue .nav-secondary .genesis-nav-menu .sub-menu a {
    	background-color: #17222b;
    	border-color: #2d3b45;
    	color: #fff;
    }

    Change #17222b to #fff at two places


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    June 23, 2014 at 7:28 am #111151
    wizz6113
    Member

    Thanks Davinder,

    I did those, but I think it must be being overridden by some code elsewhere as it still hasn't changed, unless it's a server slow update thing.

    This is what I still see: http://wpreneur.com/iicss/centres/centre-for-global-disability-research/

    The black box of the widget background in the sidebar.

    Any other thoughts?

    Tnx so much!

    June 23, 2014 at 7:34 am #111153
    Davinder Singh Kainth
    Member

    I checked your CSS code, it still shows "background-color: #17222b;" in style.css file.

    Are you using some caching plugin?


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    June 23, 2014 at 1:49 pm #111215
    wizz6113
    Member

    Davinder,

    I know it's weird that I've changed code and it's still showing. I could go back and replace the earlier code to the original and just keep the 'blue' theme bit of code you point out as the changed one. I use Siteground hosting and they have a super cacher so I wonder if that's the issue; mind you, it's been some hours now and I still see the black default widget background!

    Any other suggestions anyone?

    June 23, 2014 at 9:42 pm #111263
    Davinder Singh Kainth
    Member

    Hi, it's been few hours now. I checked your website code again. It is still showing (background-color: #17222b;). Go to your style.css file and see if you see #17222b color code there.


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    June 24, 2014 at 1:29 am #111269
    wizz6113
    Member

    Davinder,

    I have now gone over the CSS again and put #fff instead of #ffffff and that seemed to do the trick! Have no idea why the 3-digit hex as opposed to the 6-digit hex for white was the issue!

    thanks for taking the time to go over the code and your constant updates.

    cheers,
    Wizz

    June 24, 2014 at 6:03 am #111280
    Davinder Singh Kainth
    Member

    Glad its working, cheers!


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble