• 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

Modern Portfolio

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 › Modern Portfolio

This topic is: not resolved

Tagged: modern portfolio, Rollover effects

  • This topic has 4 replies, 3 voices, and was last updated 13 years, 6 months ago by tbaron.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 26, 2013 at 11:38 am #31352
    tbaron
    Member

    I was wondering if anyone knew the answers/codes to the following:

    1. How to get the back solid block on the secondary top menu with the rollover effect - on the theme demo it says "Buy this theme"

    2. How to create on the landing page the "click here to sign up" button

    This information didn't seem to appear in the theme's setup instructions.  Any help would be greatly appreciated.  Thanks in advance.

     

     

    March 27, 2013 at 7:08 am #31496
    Robin
    Member

    For #1, the "buy this theme" bar is part of StudioPress' demos, not any one theme. Something similar you might be interested in is Brian Gardner's sticky menu tutorial.

    For #2, looks like that is a link with a special class:
    <a class="aligncenter landing-button" href="#">Click here to sign up!</a>
    HTH


    I do the best I can with what I’ve got. (say hey on twitter)

    March 27, 2013 at 7:16 am #31498
    Christopher Harris
    Member

    1. Add the css class 'highlight-menu-item a' to the menu item you would like the effect. You do on the menu item itself in the WP dashboard. Select the drop down for the item you want to add the class for and add 'highlight-menu-item a' in the 'CSS Classes (optional)' box. If you do not see a CSS class box select screen option in the upper right corner, and a drop down will appear. Check the box for 'CSS Classes' under advanced options.

    2) To create the "click here to sign up" button you need to assign a the 'landing-button' class to your link. Example:

    [Html]Click here to sign up![/html]

    You can do this from the 'Text' tab on the page editor.


    WordPress Consultant and Genesis Developer http://wpattendant.com

    March 27, 2013 at 7:19 am #31499
    Christopher Harris
    Member

    The html should be:

    <a class="aligncenter landing-button" href="http://addyourlinkhere.com">Click here to sign up!</a>

    WordPress Consultant and Genesis Developer http://wpattendant.com

    April 6, 2013 at 10:25 pm #33642
    tbaron
    Member

    Hi Christopher,

    Thanks very much for the help and advice, that has got everything working the way I was hoping.

    Trevor

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