[Resolved] How Do I Modify Button Style css ?
Is there an article or something you can point me to on how to change the look of the buttons? 1) I want to make them smaller 2) I want to change the color.
Note: I added an “orange” color set in delightful-downloads.css, but it doesn’t appear as a Color option when I click Add Download.
Note also, none of the color options seem to work. No matter what I select, the button color is always blue on my web page.
I would also like to know how to do this. For how to use an image as the button. Even a quick how to in the FAQ would help a lot.
At present the only way to customise the buttons is by adding custom classes to the [ddownload] shortcode.
You will first need to add the CSS classes to your themes file. I’d advise against adding them to the Delightful Downloads file as you will lose the changes when you update the plugin.
To use the new button class you just add them to the shortcode like so:
[ddownload id=”1″ class=”my_custom_button”]
Please be aware that these new defined styles will not show up in the colour options and in order for you custom styles to work you may need to add !important to the properties. Also, if you do not want to use any of the provided buttons you can disable the CSS file from being included in the Delightful Downloads Settings screen.
Although not an ideal solution it is a workaround and this is definitely something I want to improve in a future update.
Thanks much for the info. I recommend you look into the problem with color options (They don’t seem to work. No matter what I select, the button color is always blue on my web page.)
Please can you confirm where you are selecting the color?
The default behaviour is to use the color specified on the download shortcode. For example:
[ddownload id=”632″ text=”Download” style=”button” color=”purple”]
The dropdown option in the settings menu is only used when the color attribute above is omitted, as so:
[ddownload id=”632″ text=”Download” style=”button”]
In which case it will use the color specified in the settings menu.
- The topic ‘[Resolved] How Do I Modify Button Style css ?’ is closed to new replies.