Title: Add button color
Last modified: March 7, 2019

---

# Add button color

 *  Resolved [lwolf](https://wordpress.org/support/users/lwolf/)
 * (@lwolf)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/add-button-color/)
 * I am using this plugin and it is very good. However, I need to have a red button,
   but there is currently no red button in the code. I changed the colors in the
   code in the file “sdm_wp_styles.css” before the last update and got my red buttons,
   but now they are white with red hover text.
 * .sdm_download.red{
    background: #d22026; filter: progid:DXImageTransform.Microsoft.
   gradient(startColorstr=’#d22026′, endColorstr=’#d22026′); /* IE */ background:-
   webkit-gradient(linear, left top, left bottom, from(#d22026), to(#d22026)); /*
   WebKit */ background: -moz-linear-gradient(top, #e8686c, #d22026); border-color:#
   d22026 #d22026 #d22026; color: #ffffff; text-shadow: 0 1px 0 #ec7e82; -webkit-
   box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #e49093; -moz-box-shadow: 0 1px 
   1px #d3d3d3, inset 0 1px 0 #e49093; box-shadow: 0 1px 1px #d3d3d3, inset 0 1px
   0 #e49093; }
 * .sdm_download.red:hover{
    background: #fa3d43 color: #18aeb4; filter: progid:
   DXImageTransform.Microsoft.gradient(startColorstr=’#18aeb4′, endColorstr=’#18aeb4′);/*
   IE */ background: -webkit-gradient(linear, left top, left bottom, from(#d22026),
   to(#d22026)); /* WebKit */ background: -moz-linear-gradient(top, #b8d872, #e13339);
   border-color: #c81e23 #d11f25 #d52026; text-shadow: 0 1px 0 #ed878b; -webkit-
   box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #d7e9a4; -moz-box-shadow: 0 1px 
   1px #d5d5d5, inset 0 1px 0 #d7e9a4; box-shadow: 0 1px 1px #d5d5d5, inset 0 1px
   0 #d7e9a4; }
 * An example short code is:
    [sdm_download id=”15672″ fancy=”3″ new_window=”1″ 
   color=”red”  button_text=”Download Brochure”] The fancy=3 used to produce a simple
   rectangular button with rounded corners that was red, but now is white background
   with simple black text.
 * I am not an experienced developer so I am not sure how to get my buttons to be
   red again. The Download Button color is set to Red in the plugin Settings.
 * Any help is appreciated.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fadd-button-color%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 15 replies - 1 through 15 (of 18 total)

1 [2](https://wordpress.org/support/topic/add-button-color/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/add-button-color/page/2/?output_format=md)

 *  Plugin Contributor [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/add-button-color/#post-11288729)
 * Hi, please check the following [documentation](https://simple-download-monitor.com/css-tweaks-for-the-simple-download-monitor-plugin/).
   Let me know if this helps you.
 * Thank you
 *  Thread Starter [lwolf](https://wordpress.org/support/users/lwolf/)
 * (@lwolf)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/add-button-color/#post-11292060)
 * Thank you! This is a great solution. It worked well. I’m not sure how, but I’m
   guessing I can no longer choose the button color from the user interface.
 *  Plugin Contributor [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/add-button-color/#post-11292082)
 * Hi, did my solution helped you? Do you still need more help? If you don’t can
   you mark this support thread as resolved.
 * Kind regards
 *  Thread Starter [lwolf](https://wordpress.org/support/users/lwolf/)
 * (@lwolf)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/add-button-color/#post-11292113)
 * Thank you
 *  Thread Starter [lwolf](https://wordpress.org/support/users/lwolf/)
 * (@lwolf)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/add-button-color/#post-11566471)
 * So it has been a few months since using the solution from mbrsolution to make
   red buttons in Simple Download Monitor. It was working great. Now after several
   updates on my website, on the front end the short code no longer creates a button,
   nor does it display the text I wrote in it. Instead you only see underlined text
   that says “View Details”. The text in the short code says “Download Brochure”.
 * The short code has not changed, but does not display what it is supposed to.
 * Can someone help with this issue?
 *  Thread Starter [lwolf](https://wordpress.org/support/users/lwolf/)
 * (@lwolf)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/add-button-color/#post-11566490)
 * Here is what my code looks like inside the WordPress Custom CSS plugin:
 * .sdm_download{
    background: #d22026; background-color: #d22026; border-color:
   none !important; box-shadow: none !important; color: white !important; text-shadow:
   none !important; } .sdm_download:hover{ background: #d22026 background-color:#
   d22026; color: #3CFAF4; border-color: none !important; text-shadow: none !important;
   box-shadow: none !important; }
 *  Plugin Contributor [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/add-button-color/#post-11566702)
 * Hi, do you know what has been updated in your site? It is one of these updates
   that has caused your issue.
 * Kind regards
 *  Thread Starter [lwolf](https://wordpress.org/support/users/lwolf/)
 * (@lwolf)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/add-button-color/#post-11566786)
 * Yes, I updated everything (all needed plugins, site theme, WP Bakery Page Builder,
   WordPress). The site is working perfectly with all these updates. When I update
   the Simple Download Monitor, I get the button loss.
 * I believe it could be related to the button code update that was done in the 
   last update of the plugin. I have coded Fancy=3 for my little simple button with
   text that I change for different places in the site. It looks like SDM has changed
   something with that code.
 * Also, when you click the “View Details” link it takes you to another page with
   a button with the default “Download Now!” text that will download the item. I
   had it configured to simply do the download (open the document for a PDF or JPEG).
 *  Plugin Contributor [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/add-button-color/#post-11567384)
 * Hi, can you share the URL to the page in question.
 * Thank you
 *  Thread Starter [lwolf](https://wordpress.org/support/users/lwolf/)
 * (@lwolf)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/add-button-color/#post-11569362)
 * The website is a password-protected portal, however, I can show you screen shots.
   I am working on my staging site.
 * Everything is updated in the staging site and here is an example of the problem.
   This is a screenshot of the issue where the button gets replaced with “View Details”
   link:
    [https://www.dropbox.com/s/wcj7qrahd5iln9j/View%20Details.PNG?dl=0](https://www.dropbox.com/s/wcj7qrahd5iln9j/View%20Details.PNG?dl=0)
 * Here is the screenshot of the page it takes you to when you click the “View Details”
   link:
    [https://www.dropbox.com/s/zjpzb8exvu2ucxu/New%20Page-Download.PNG?dl=0](https://www.dropbox.com/s/zjpzb8exvu2ucxu/New%20Page-Download.PNG?dl=0)
    -  This reply was modified 6 years, 11 months ago by [lwolf](https://wordpress.org/support/users/lwolf/).
    -  This reply was modified 6 years, 11 months ago by [lwolf](https://wordpress.org/support/users/lwolf/).
 *  Plugin Contributor [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/add-button-color/#post-11572495)
 * Hi, what is the shortcode you are using?
 * Thank you
 *  Thread Starter [lwolf](https://wordpress.org/support/users/lwolf/)
 * (@lwolf)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/add-button-color/#post-11580812)
 * This is an example of a button:
    [sdm_download id=”15674″ fancy=”3″ new_window
   =”1″ color=”red”  button_text=”Download Brochure”]
 *  Plugin Contributor [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/add-button-color/#post-11582022)
 * Hi, can you try the following shortcode. I have removed the color=”” parameter
   from the shortcode.
 * `[sdm_download id="15674" fancy="3" new_window="1" button_text="Download Brochure"]`
 * Let me know how you go.
 * Regards
 *  Thread Starter [lwolf](https://wordpress.org/support/users/lwolf/)
 * (@lwolf)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/add-button-color/#post-11584960)
 * Thank you. I tried that but still get the same result with the “View Details”
   link showing instead of the button.
 *  Plugin Contributor [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/add-button-color/#post-11586362)
 * Hi, I just realized that **fancy=”3″** is designed like that. In order to see
   the button you need to use either fancy=”0″, fancy=”1″ or fancy=”2″.
 * Kind regards

Viewing 15 replies - 1 through 15 (of 18 total)

1 [2](https://wordpress.org/support/topic/add-button-color/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/add-button-color/page/2/?output_format=md)

The topic ‘Add button color’ is closed to new replies.

 * ![](https://ps.w.org/simple-download-monitor/assets/icon-128x128.png?rev=973803)
 * [Simple Download Monitor](https://wordpress.org/plugins/simple-download-monitor/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/simple-download-monitor/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/simple-download-monitor/)
 * [Active Topics](https://wordpress.org/support/plugin/simple-download-monitor/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/simple-download-monitor/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/simple-download-monitor/reviews/)

 * 18 replies
 * 2 participants
 * Last reply from: [lwolf](https://wordpress.org/support/users/lwolf/)
 * Last activity: [6 years, 11 months ago](https://wordpress.org/support/topic/add-button-color/page/2/#post-11588966)
 * Status: resolved