HTML and CSS Reference
In-Depth Information
Before moving on to the buttons conversion, go and
disable the bottom margin of the paragraph and
create the space between buttons.
#hello p.buttons {
margin:0; /* disable the default bottom margin */
#hello p.buttons a {
margin:0 20px 0 0; /* create the space between the buttons */
The next paragraphs in these pages are mainly
about these 3 custom buttons.
To keep things simple, the buttons receive the class
as “ btn ”, while the image cropped from the design is
also called “ btn ” ( btn.png ).
Make sure you don't add “ btt ” but “ btn ”, since the
first is used by F2fw and it's similiar to “ ico ” (see the
header social icons).
Search WWH ::

Custom Search