Hover effect

[RobG]

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

[Posh John]

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

[RobG]

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

[Posh John]

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

[RobG]

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

[Author]

Posts