How to Add a Button Style to Your Webpage
Your website has been launched. Congrats! You may be happy with the way things look for a while, but as you may know - creating new content is necessary to stay relevant online.
As you create your new web pages, you'll more than likely find yourself in the need of a stand out button. Stand out call-to-action (CTA) buttons let your customers know what action you want them to take. It keeps them from being distracted from all of the other links that are provided on your website.
But, how did Virteom add that stylish BIG call-to-action (CTA) button that is sprinkled throughout your website? And, furthermore, how can I use that same style?
This how-to guide will show you how to add button styles to the links you create on your website.
Locating your button style
The first step in the process is locating the button style you want to replicate. Where does this button live? Do you see it on another page on the website? If so, navigate to that page on your site.
If you have are computer savvy, and can figure out how to use the developer tools - keep reading the next steps in this part.
If you have trouble, simply send us the URL of the page with the button you like with the following request to our help desk system:
Hello team,
Can you please tell me what the class of the button on this page? (Paste URL here).
Thanks,
If you're using Google Chrome, you can use developer tools to determine the class of the button. Right click on the button and click 'Inspect'. In the inspection tools, you'll see the class of the button. This is what you'll use to add to your new button.
In the example below, the class we want to remember is orbitButton
Adding your button style to a link
Once you have determined the name of the button style that you would like to use, it's time to apply it to the link you have created.
- Highlight the text you would like to make a button.
- Click the link button.
- (Make sure your link is typed in the URL box or your document is uploaded)
- Click over to the Advanced tab.
- In the "Stylesheet Classes" box, paste in the class of the button you copied from the button style you liked.
- Click "OK"
- Click "Save" at the top of the page
-
Click "Preview" To see your changes
Now you have a button!
Once you have the button style, every thing else is fairly simple. You just plug and chug.
If you have trouble finding the class you need to add in for the button style - don't shy away from asking a Virteom team member. We'll be happy to assist you so that you can produce your pages without a problem.
As always, if this how-to guide didn't get you what you needed - send in a ticket to our help desk or chat us on our LIVE help desk.
Email Footers with Dynamic Advertisements, Company Wide
Virteom has the ability to manage all of your employees email footers easily and effectively. The first thing you will want to do is add each employee as a member of the Virteom system. Do this by clicking on the 'Manager' option on the top toolbar and then clicking on the 'Members' option on the left toolbar. Every member in the system can have the capability of having their own footer. So this can be an 'Admin' or an 'Employee' as as example. But it is not limited to those types. Add a Member Now add each employee of your organization as a member to the system. Do this by clicking 'Add New Member' and fill in their information. Managing Your Email Footers Company Wide Once you are done adding each employee you will notice that there is an Email Footer in the lower right with a button called click here. When you click this button a new window will open up and a generated email footer for that employee will
How to Add Images to Your Website
One of the easiest ways to add some flare to your website is to add images. But how do you add images to your Virteom website? In this article we'll cover all the bases on just that. Preparing your image for upload First things first, we'll need you to prepare your image for upload. There are a few things you should do to your image before uploading your image to your website: Make sure your image name does not have any spaces in it. We suggest replacing any spaces in your file name with dashes (-) or underscores (_). Optimize your image for the web. To keep your website running at top speed, you'll want to optimize your image for web. How do you do this? Use an image optimizer like this one. Uploading your new Image into Virteom Editor Now that you have prepared your image to be uploaded, you're locked in loaded to upload it to the Virteom CMS. Go to your website and log into your Virteom editor. Once you are logged in go to
