Stylized Hyperlink Button CSS

Permalink Browser Info Environment
Hi Seb,

I want to add a more stylized rounded corner hyperlink button to my website.

Can I add the following code to the CSS WITHOUT screwing up the rest of the theme and WHICH CSS FILE do I add it to please? And does matter where I place it in the CSS file?

<style type="text/css">
.classname {
   -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
   -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
   box-shadow:inset 0px 1px 0px 0px #97c4fe;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
   background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
   background-color:#3d94f6;
   -webkit-border-top-left-radius:20px;
   -moz-border-radius-topleft:20px;
   border-top-left-radius:20px;
   -webkit-border-top-right-radius:20px;
   -moz-border-radius-topright:20px;
   border-top-right-radius:20px;


I appreciate your help, thank you.

Type: Discussion
Status: New
thebigideasman
View Replies:

concrete5 Environment Information

# concrete5 Version
5.6.3.3

# concrete5 Packages
Backup Voodoo (2.3.5.1), Content+ (1.2), Email List Signup (1.5.5), Facebook Like Button (1.1), Formigo Social Links (1.0.1), Gallery (1.8.1), Honeypot (1.0), Manual Nav (1.3), Print my page (1.0.3), Pro Events (10.9.6), Pro Forms (7.5.9), reCAPTCHA (0.9.2), Revolution Slider (2.3.8), Social Feed (1.7), Social Icons Reloaded (2.0), Social Sharing (1.3), Swosh Theme (2.3.5), tnSpacer (1.3), Transparent Email Obfuscation (1.0.3), Whale jCarousel (1.3.2), Whale Nivo Image Slider (1.2).

# concrete5 Overrides
blocks/page_list, js/ccm.app.js, css/swosh.css, themes/swosh-custom

# concrete5 Cache Settings
Block Cache - Off
Overrides Cache - Off
Full Page Caching - Off

# Server Software
Apache

# Server API
cgi-fcgi

# PHP Version
5.4.38

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dba, dom, ereg, exif, fileinfo, filter, ftp, gd, gettext, hash, iconv, imap, intl, json, libxml, mbstring, mcrypt, mysql, mysqli, mysqlnd, openssl, pcre, PDO, pdo_mysql, pdo_sqlite, Phar, posix, Reflection, session, shmop, SimpleXML, soap, SPL, SQLite, sqlite3, standard, tidy, tokenizer, wddx, xml, xmlreader, xmlwriter, xsl, zip, zlib.

# PHP Settings
max_execution_time - 50000
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - -1
max_input_vars - 5000
memory_limit - 120M
post_max_size - 8M
sql.safe_mode - Off
upload_max_filesize - 40M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - nocache
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/534.59.10 (KHTML, like Gecko) Version/5.1.9 Safari/534.59.10

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.