• 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

Agency Pro home middle section – Hover over text color on CTA button

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 › Agency Pro home middle section – Hover over text color on CTA button

This topic is: resolved

Tagged: Agency Pro home middle section, css, cta-button, hover over text color

  • This topic has 4 replies, 2 voices, and was last updated 11 years, 9 months ago by kheilmann.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 31, 2014 at 3:35 pm #97776
    kheilmann
    Member

    I'm working on a website for a client based on the Agency Pro theme. On the home page, in the Home-Middle section, I am using the Genesys - Featured Page plug-in. The page I am pulling in is "home". This and all the other pages that appear on the main menu have "guided tour" CTA buttons at the bottom that guide the user to the next section of the website. With all the other pages, the CTA button is white text on a grey button, and upon hover it changes to white text on an orange button. This works fine.

    The problem is on the page called home, which is only shown pulled into the Home-Middle section via this Featured page plug-in, upon hover the button is orange text upon an orange button. Which means that as soon as you mouse over the button you can no longer read it.

    I am not a CSS expert by any means. Can anyone suggest how I can modify my CSS files to fix this?

    http://www.invisiblesunenergy.com/temp/
    April 2, 2014 at 9:58 pm #98210
    Tom
    Participant

    Place this code at the bottom of your style.css file:

    To make the txt white on hover:

    .agency-pro-orange a, .agency-pro-orange.agency-pro-home .featured-content a:hover {
        color: #ffffff;
    }

    Replace #ffffff with any color you wish.


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

    April 2, 2014 at 10:14 pm #98212
    kheilmann
    Member

    I just tried that, and while it DID fix the problem on my home page, it made the ordinary links on other pages white instead of orange. White link on white page. Upon hover they changed to black, which is fine. But until I hovered, I couldn't read the words.

    So this solution fixed one problem and created another...

    April 2, 2014 at 10:20 pm #98214
    Tom
    Participant

    Whoops. I missed seeing the comma.

     .agency-pro-orange.agency-pro-home .featured-content a:hover {
        color: #ffffff;
    }

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

    April 2, 2014 at 10:22 pm #98215
    kheilmann
    Member

    Yay!! Thank you!! This fixed the problem!!

    I really appreciate it! 🙂

    Kathy

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Agency Pro home middle section – Hover over text color on CTA button’ is closed to new 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