• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Remove CSS Class from Frontpage 1 Widget

Home › Community Forums › Aspire Theme Support › Remove CSS Class from Frontpage 1 Widget

Tagged: fadeup-effect, wp-rocket

  • This topic has 1 reply, 2 voices, and was last updated 5 years, 3 months ago by Wes.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 21, 2017 at 9:42 am #22046
    webauthor
    Customer

    Wes could you tell me how to remove the CSS class called “fadeup-effect” from the Frontpage 1 widget?

    I’m using a plugin called WP Rocket and deferring CSS and JS. When I do that, the Frontpage 1 widget doesn’t load until you start to scroll down. I was told this:

    “There is fade effect created with CSS which works when visitor scrolls. There’s a CSS class “fadeup-effect” and if you remove this class the heading and button shows up. You just need to remove that CSS class from this widget and this issue will be fixed.”

    Thanks

    October 21, 2017 at 6:12 pm #22049
    Wes
    Moderator

    You can remove the fadeup-effect class from the front-page.php file. The widget should look like this –

    	genesis_widget_area( 'front-page-1', array(
    		'before' => '<div id="front-page-1" class="front-page-1"><div class="fp1 image-section"><div class="flexible-widgets widget-area fadeup-effect"><div class="wrap">',
    		'after'  => '</div></div></div></div>',
    	) );

    Here’s the part to remove – fadeup-effect

    Let me know if that helps.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework