A while back I copied the button code from this site to our site http://www.iexcelbooks.no
The buttons are square and I would like to have them more rounded.
Is there a place here on this site where I can copy a code/find an instruction how to make it? I prefer call to action buttons like I see Studiopress has it on their homepage or coppyblogger is another good example.
Thanks in advance
Is it the green button on your home page? If so, try adding border-radius: 10px to the button. So your CSS might look like this:
Of course I just picked 10px – you can make the rounds larger by increasing the pixel size.
Thank you Carrie for your description.
That looks much better. You dont happens to know how to make it glossier as well, do you? If so, would appreciate it.
If you want to go glossy, you’ve got two basic options:
1) Add in some crazy CSS gradients (you can do some Googling for CSS gradient button generator). Just know that it may not look great in older browsers, especially IE.
2) Use a background image instead of a background color for your button. This is a better option in my opinion. Again, if you Google for “glossy buttons” or such, you’ll find lots of images you can use.
Don’t worry how things look in Internet Explorer. The people using IE deserve a bad browsing experience. LOL
Just kidding about the just kidding?
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.