Adding CSS to your HealCode Link

Follow

If you have experience using HTML and CSS you may want to style your HealCode Link. This FAQ will cover how to add a class attribute to your HealCode Link and then how to add CSS for that class.

 

Let's get started

When creating a Link, you will add a CSS class. For detailed steps on creating a Link, please see this article. After creating the Link, install it to your website.

 

Adding the CSS Code (where to put it)

After completing the steps to create and install the HealCode Link, you will add CSS code using the CSS class applied to the Link during its creation.

Depending on your website builder, you will either put the CSS code in the HTML box with the HealCode Link (e.g. Wix, Weebly, GoDaddy, "drag-and-drop" website builders) or you will enter it into the CSS file (e.g. WordPress).

For "drag-and-drop" builders (such as Wix, Weebly, GoDaddy, etc.) you will need to put the CSS code into the HTML box with the other HealCode Link information. Also, you will need to put a <style> tag around the CSS to tell browsers to treat the code as styling information. Don't worry if this seems a little complicated, we have an example below.

For WordPress you will need to enter the CSS (without <style> tags) into the CSS editor. Don't have a CSS editor? We recommend adding the plugin "JetPack" which includes an editor. Contact your web developer/designer before adding plugins to your website.

 

Example CSS for a HealCode Link

The following example CSS for this HealCode Link produces the button below. Notice the <style> tag that is wrapped around the CSS:

<style>

.healcode-buy-now-text-link {
background-color:#000;
color:#fff;
padding: 5px;
text-decoration:none;
}

</style>

If you rather use a CSS code generator for styling the button, go here:

http://css-tricks.com/examples/ButtonMaker/#

 

To learn more about CSS, go here:

http://www.w3schools.com/css/default.asp

 

Have more questions? Submit a request

Comments

Powered by Zendesk