• 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

New Widget Color Problem in Parallax Pro

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 › General Discussion › New Widget Color Problem in Parallax Pro

This topic is: not resolved

Tagged: color, custom widget, parallax-pro

  • This topic has 3 replies, 2 voices, and was last updated 8 years, 10 months ago by neilgee.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 16, 2014 at 5:57 pm #105565
    Elena
    Member

    New Widget Color Problem in Parallax

    Hi all!

    Need help to a newbie not technical person. Help me please to solve this.

    Have some problems with the color changing to #ffffff to all the elements after adding custom widget.
    As on the screen -

    white color not visible

    The code added to functions.php was

    genesis_register_sidebar( array(
    	'id'          => 'header-newsletter',
    	'name'        => __( 'Header Newsletter', 'parallax' ),
    	'description' => __( 'This is header newsletter area.', 'parallax' ),
    ) );
    
    function parallax_newsheader_genesis() {
    // Don't display on home page
      if ( is_page_template( 'page_landing.php' )  ) {
    		return;
    	} 
    // display on other pages
    	else {
    		genesis_widget_area( 'header-newsletter', array(
    			'before' => '<div class="header-news">',
    			'after' => '</div>',
    		) ); 
    	}
    }
    
    add_action( 'genesis_after_header', 'parallax_newsheader_genesis' );

    and to style file

    .header-news {
    background-color: #f5f5f5;
    border-bottom: 1px solid #CCCCCC;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    margin: 46px 0 0;
    padding: 10px 0 !important;
    position: fixed;
    width: 100%;
    height: 76px;
    	
    }
    

    After changing functions.php all the elements changed their colors to white and can't be seen.

    I didn't found any style defining that. So I added some new code to make content for posts and meta in black. But still have the same problem with other text elements.

    It looks like this -

    white

    And like this if I underline-

    underline

    If I change completely the css style file to the original one it does not help. Only original functions file helps. But I need some additional widgets.

    Tried different ones

    From here (above) - http://minimadesigns.com/art-elegant-opt

    And from here - http://wpsites.net/web-design/add-2-responsive-widgets-side-by-side-in-genesis-2/

    And have the same issue with switching color to white.

    Thank you for help

    http://elenakozliakova.com/bienvenu/
    May 16, 2014 at 10:08 pm #105587
    neilgee
    Member

    You can override the CSS rule by adding a new rule to your style.css

    p {
    color:#000;
    }

    Neil Gee
    WP Beaches
    Coolest Guides

    May 16, 2014 at 10:46 pm #105590
    Elena
    Member

    Thank you!
    Added

    p {
    color:#000 !important; 
    }

    and it works.

    But now I have black everywhere.

    And if I'll need to keep white text on the parallax effect home page widgets as in the demo of parallax home page, what should I add for this?

    May 16, 2014 at 11:27 pm #105595
    neilgee
    Member

    You can target any text in a textwidget by adding

    .textwidget p {
    color:#fff
    }

    Which would make it white in this instance


    Neil Gee
    WP Beaches
    Coolest Guides

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘General Discussion’ 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