Hover effect

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  RobG 1 year, 6 months ago.

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

    RobG
    Participant
    Post count: 1055

    Hello can anyone tell me how to add the Request quote tab at the bottom of this page. http://genesistweaks.com/ it’s in red. Thanks


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    #35286

    Posh John
    Participant
    Post count: 42

    You would add a class to the element, which would look something like:

    Request A Quote

    Then your new quote class would need styling with css to get the background colour and padding etc. An example would look something like this:

    #your-div a.quote {
    background-color: #333;
    padding: 20px;
    }

    #your-div a.quote:hover {
    background-color: #ff0000;
    }

    The nice fading effect is the transition time which should already exist in your genesis sample theme.


    Thus the heavens and the earth were completed in all their vast array. Genesis 2

    #35288

    RobG
    Participant
    Post count: 1055

    Is this it? how would I implement this in my style sheet?


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    #35382

    Posh John
    Participant
    Post count: 42

    Part of my explanation got turned into hyperlinks (maybe a mod could fix please – i can’t edit it)

    If you are going to add the button inside an area with an id of “your-div” you would add the code i posted in your slylesheet.

    Then you just add class=”quote” to your link.


    Thus the heavens and the earth were completed in all their vast array. Genesis 2

    #35383

    RobG
    Participant
    Post count: 1055

    Thanks anyway


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

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

You must be logged in to reply to this topic.