Modern Portfolio

Community Forums Forums Design Tips and Tricks Modern Portfolio

This topic is: not resolved

This topic contains 4 replies, has 3 voices, and was last updated by  tbaron 1 year, 7 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #31352

    tbaron
    Participant
    Post count: 2

    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.

     

     

    #31496

    Robin
    Participant
    Post count: 327

    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)

    #31498

    Christopher Harris
    Participant
    Post count: 46

    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

    #31499

    Christopher Harris
    Participant
    Post count: 46

    The html should be:

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


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

    #33642

    tbaron
    Participant
    Post count: 2

    Hi Christopher,

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

    Trevor

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.