Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
July 27, 2015 01:00 pm

Easy Digital Downloads: Style Settings

I have covered the first three tabs of Settings of Easy Digital Downloads. In this article I will discuss the fourth tab, which is for Styles. In this section there are options for some default styles and for different buttons.

Styles Settings

It is extremely important for you as a digital store owner that your website should be styled well, yet user-friendly. This combination is difficult to achieve, but EDD has solved this problem, and now styling your store is a matter of few clicks.This taballows you to configure different Stylesso that your website gets a presentable appearance. You can enable and disable different styles of the plugin from here.

Easy Digital Downloads Styles Settings

The fourthtab in the section of Settings is forStyles. To access this part of the plugin, go toDownloads > Settings > Styles.

Various configuring options are listed here. So let's discuss them one by one.

Disable Styles

Easy Digital Downloads Styles Settings

The first option is a checkbox for Disable Styles. When youcheckthis box, it will disable all kinds of styling which are included in the plugin, to help you add your own custom styling through CSS.

Easy Digital Downloads Styles Settings

For example, if I check this option then on the front-end all kinds of styling will disappear. The figure shown above is sufficient to explain this setting. You can clearly see that the keywords like price of the product, the purchase button, etc. are written as plain text and are not distinguished from each other.

Easy Digital Downloads Styles Settings

Now when I uncheck this option, the corresponding results on the front-end change subsequently. The figure displayed above shows a styled version of the digital product. The price and the option forpurchase are now enclosed neatly in a button. Such styling enhances the readability factor so in my opinion you should go with the default setting unless you plan to style it with CSS programming language.

Buttons

Next, there is a separate section forButtons in theStylestab.Hereyou can see two different configuring options:

Easy Digital Downloads Styles Settings
  1. Default Button Style
  2. Default Button Color

Let's take a look at these two options.

Default Button Style

Easy Digital Downloads Styles Settings

You will set the Default Button Style from here. This is a drop-down menu which offers two options:

  • Button
  • Plain Text
Easy Digital Downloads Styles Settings

By default,Buttonis selected.The figure above shows its result on the front-end where you can see a proper styled line around the price tag and the purchase button.

Let's now choose Plain Text and see the results.

Easy Digital Downloads Styles Settings

With this configuration, you will notice that the outline which was seen around thepurchasearea has disappeared.

So the purpose of configuring this setting is to ensure that a particularstyle for buttons will be applied over the entire site, no matter which part of the website you are visiting. I usually prefer to go with the default setting, i.e. thebuttonoption, because it gives a neat and tidy look.

Default Button Color

Easy Digital Downloads Styles Settings

The last option in this tab allows you to choose the Default Button Color from a drop-down menu.By defaultWhiteis selected, but you can select different colors from the list. This color will be displayed on places like thepurchasebutton, theadd to cartbutton, etc.

Let me show you the results with some custom settings, e.g. Red.

Easy Digital Downloads Styles Settings

With this color being selected, you will notice that all the buttons on your site will appear Red. I prefer to use a bright and vibrant color for buttons because they are the important part of your site and must be highlighted.

There is another way through which you can apply any other color apart from the listed ones.By adding the"[purchase_link]" shortcodeatthe back-end you can supersede the selected color and can easily replace it from the color palette.

After configuring these settingsin theStylestab, hit the Save Changesbuttonto save all the settings which you have just made.

Conclusion

Till now I have covered four tabs inSettings. In my next article, I will discuss the next tab which is forTaxes.I hope now you will not face any problem while configuring the basic settings of EDD.


Original Link:

Share this article:    Share on Facebook
No Article Link

TutsPlus - Code

Tuts+ is a site aimed at web developers and designers offering tutorials and articles on technologies, skills and techniques to improve how you design and build websites.

More About this Source Visit TutsPlus - Code