• 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 Featured Page widget on Enterprise Pro homepage to a hover effect

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 Featured Page widget on Enterprise Pro homepage to a hover effect

This topic is: resolved

Tagged: button CSS

  • This topic has 2 replies, 2 voices, and was last updated 12 years, 1 month ago by Seb.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 8, 2014 at 8:23 am #104136
    Seb
    Member

    Dear folks,

    I'm editing the Enterprise Pro theme to my own liking and needs, but i bump upon something i want to change, but succeeding ain't close.

    If you look on the homepage from the 'Enterprise Pro theme', you see 3 'Genesis - Featured Page' widgets added called: Development, Enterprise and Office:
    http://demo.studiopress.com/enterprise/

    I would like to change the visual output into something that creates a look and feel like this:
    http://tympanus.net/Tutorials/CaptionHoverEffects/index.html

    Is this possible? Is it possible to only implement the CSS-code from the Caption Hover Effect into the style.css from the Child theme, to create such an visual output with the standard 'Genesis -Featured Page' inputs?
    Or do i need do something way more spectacular?

    Thanks in advance,

    Greetz

    May 8, 2014 at 10:16 pm #104246
    Tom
    Participant

    Is this possible?

    Yes. The example from the site you reference even provides source code that you can download.

    Is it possible to only implement the CSS-code from the Caption Hover Effect into the style.css from the Child theme, to create such an visual output with the standard ‘Genesis -Featured Page’ inputs?

    I think you're asking the same question. The customizations would be made in the child theme's stylesheet, with some additional customization by the javascript the tutorial provides).

    (Thanks for the link to the samples!)


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    May 9, 2014 at 1:43 am #104265
    Seb
    Member

    Aah good news, i notice my thinking collides to the 'way to difficult' side.. Thanks for the 2nd opinion senor!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 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

© 2026 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