Skip to main content

CSS - Simple Buttons

A Lesson In CSS, Create Simple No-Image CSS Buttons

Follow the steps below to add a button styled anchor tag (link) to your community content.

How It Works

This technique uses an HTML Snippet and a CSS Snippet to create a button styled link.

The Fine Print - Requirements

  1. Admin access to your community
  2. knowledge of CSS & HTML for advanced styling

Instructions

  1. Copy (ctrl-c) and paste (ctrl-v) the CSS Snippet provided below into the bottom of your commmunity's Advanced Theme Editor (located in the Control Panel under THEME).
  2. Click "Publish" to save your changes
  3. Copy (ctrl-c) and paste (ctrl-v) the HTML Snippet provided below into the desired location (widget or the community footer)
  4. Click "Publish Page" to save your page or "Save" if you are inserting the HTML Snippet into the community footer.

Copy the CSS Snippet below

Copy the HTML Snippet below

How Does It Look?

Button Name

Warning: IE8 and under do not support rounded corners

0 Comments

Would you like to comment?

You must be a member. Sign In if you are already a member.

 
  • 137 views
  • 5 versions
  • 0 comments
  • 1 follower
     
    1 subscriber is following updates on this item.
Labels:

CSS, HTML, Tips and Tricks, Training

Avg. Rating:
Rating: 5out of5Igloo.Common.ObjectUserInfo
Post Date:
December 5, 2011
Posted By:
Gary Larocque
Versions:
v.5
Viewed 137 times