Discussion on CSS Download Buttons

Discussion on CSS Download Buttons

Cart 349 sales

eucalyptuss does not currently provide support for this item.

30 comments found.

Hi if i will buy your button pack so how will i can put in my App and Website

Is it missing something, that latest browsers wouldn’t support that smooth transition the button used to have?? Does it need some update kind of?? coz the button has lost it’s smooth transition that dropsdown on Hovering. Even On chrome!

I’ve changed lines 63 and 68. Fix is 63.

I would like to know why positioning, “TOP:0” was not required before but it’s required now?? what’s stopping the animating property without having the element positioned “TOP:0”??

Thank you Best Regards :)

Actually, what is in the current version is the most proper way of working with CSS transitions. Why some browsers were less strict about it before is not a question I can answer :)

Can’t I just use CSS3 media queries for different resolutions and make it responsive?

Yes, you can modify it with media queries

hi, Thank you very much! :)

Hi, Is it possible to make it responsive?

can you release an update for the same with responsiveness?? or else can you create another product of the same ( in styles/theme & concept wise) in responsiveness and submit it to codecanyon for the new purchases.

I have it in plans, but not in the nearest future.

Can’t I just use CSS3 media queries for different resolutions and make it responsive?

Hey sorry, euculyptuss :) It was out of my excitement and anxiousness on your very own item :) I’m sorry. Awesome support in timely fashion, Indeed you are very quick, yeah I agree I’m impatient, I’m extremely sorry about it :)!

Thanks alot for such a lovely and quick support/responses once again :)


No problem, don’t take it so seriously :))

I’m awaiting ur reply plz :)

Reply was sent :) btw don’t be so impatient, you’ve posted your comment just a few hours ago and for me it’s a middle of the night… ;)

How can we make sure we’re getting the right size for our webtemplate? Is it scalable?

And by the way… would like to say awesome support, you responded very quick. Loved it! :)

& How about cross browser compatibility? Does it support all the browsers without any loosy?

The buttons aren’t auto-scalable, but you can easily change the dimensions by changing width parameters in css file, it’s a few seconds to adjust it. All modern browsers are supported, you can find a list of supported browsers in the sidebar. Though, older browsers like IE7 don’t support e.g. css gradients.

Loved it! :) but would like to have it in css3 coded form. Will you update it with css3? and whats scales are available in purchased downloadable package ?

Looks Beautiful :) Awesome :)

This item is all CSS3 , there’s no need to update. In purchased downloadable package the same scales are included as in the preview.

Hi, Is there any way to change the speed that the box drops down? Thanks

Sure :) Just replace the time value ”.6s” with anything you want (style.css, line 64-66).

Unfortunately they not works on a recent firefox (animated sliding), but firefox supports this because i have see the same effect on similar buttons so I suppose that is a kind of bug. Thanks.

This item was uploaded when the recent Firefox version was 3.5, now it’s 13… so, it’s ‘a little bit’ out of date. (All supported browsers are listed in the sidebar, keep it in mind..) I have updates in plans for the following weeks, for now sorry for inconvenience.

Hi there,

Very new to this whole coding thing.

firstyly, do the codes work within wordpress sites? Do I simple copy and paste the code?

Having problems with adding the buttons so any assistance (instructions) would be appreciated

Many thanks

I used these buttons in a few wordpress projects and everything worked fine (with no changes in code). As you can see on my profile, I’m not providing support for my items at this moment because of my term exams. Anyway, should you need further assistace, please contact me by e-mail. I will anser as soon as possible.

Thanks for the reply but I am lost… I am looking in button.css and the lines from 457-535 are start with ”.rotate330” and end after ”.shadow4”

Also I searched the file for cba75f and 9b45f4 and couldn’t find them in that file.


There are no file like “button.css” in this item. Moreover, I haven’t used these classes.

I’m not sure you really bought my file… Your posts have no “Purchased” ribbon.

Thanks for your fast response. I already have purchased it and installed it. The colors I need have not been fully dtermined, I am awaiting to hear from the client. They will however be a darker purple – plum colored whatever that means.

If you could just tell me the lines in the code that I will need to copy and then change that would be a big help.

It is a pleasure having purchased these from you and getting such quick support. I will be sure to give you a thumbs up.


Ok, so let me know if you need any help in the future.

You can find the styling for all the purple from line 457 to 535. There you can find a few different colors. Sometimes the same color is repeated couse of various syntax for different browsers.

Generally to make a button darker, replace all the colors #cba7f5 and #9b45f4, where the first is lighter and the second is darker hue of the gradient. (maybe #b167d3 and #66268e would be ok?)

Analogically #dcbefe, #a75ff2 and #b97afc, #cba7f5 are creating hover and active states of the button.

6a14c3 is color of the border.

Is there a simple way to create a different (not supplied) color? It looks like a lot of rgb codes are being used rather than the usual hex color numbers. I need a dark purple color – thr purple you are showing is much too light. I also want to change the color of the text. I want white text on a dark purple background and then on hover a lt grey with purple text. Anything quick to let me do that?


Hi Hal, rgb codes are used only in box-shadow property (shadows and highlights), all the colors are in hexadecimental representing and they are very easy to edit. I can also prepare for you color combinations you’ve mentioned after your purchase.

Hi there, Have just purchased CSS Buttons. It’s brilliant… Just need to know though if the buttons can be used as submit buttons in an HTML form e.g. as follows:

 <input src="images/submit.jpg" value="Submit" type="image" alt="Submit" />
Many thanks,

Yes, you can add this styling to the form buttons by adding to the input tag an appreciate class. The only problem could be is that you will need to check the rounded corners and paddings.

Thanks for your response- not quite sure how to do that. Could you give me an example from the code above that I can try to work with. Thank you

Please contact me by e-mail, so I’ll send you the edited css file :)

Love it! Thank you!

You’re welcome :) Thanks for purchasing!

By Stacking these vertically the slideouts get hidden. I tried using z-index on hover however it only does this while hovering not once it is set. Any idea how to fix this or make them slide right?

Sorry, but I’m not sure what you mean. The buttons are working for sure, if you’re not editing their own code.

1. How well does this degrade… or does it? How well does this integrate with an existing CSS file, by that I mean, are there any weird default styling issues that will overwrite my CSS files ie: body, a, a:hover etc or all these all on their own independent classes with these attributes attached to those classes?

It should work and look fine in all browsers listed in the “Compatible Browsers” in the right column of the item’s page. If you need some more exact informations please ask for specific browsers and css attributes :)

All the styling in the css file is specific for the classes used in the buttons, so it wouldn’t overwrite your current styling. So, yes, all attributes are on their own independent classes.

Nice buttons!

Easy to set up on a wordpress site :grin:


Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey