Add button color

  • Resolved lwolf

    (@lwolf)


    6 years ago

    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 to see the link]

Viewing 15 replies - 1 through 15 (of 18 total)
  • Plugin Contributor mbrsolution

    (@mbrsolution)

    Hi, please check the following documentation. Let me know if this helps you.

    Thank you

    Thread Starter lwolf

    (@lwolf)

    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

    (@mbrsolution)

    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

    (@lwolf)

    Thank you

    Thread Starter lwolf

    (@lwolf)

    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

    (@lwolf)

    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

    (@mbrsolution)

    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

    (@lwolf)

    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

    (@mbrsolution)

    Hi, can you share the URL to the page in question.

    Thank you

    Thread Starter lwolf

    (@lwolf)

    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

    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

    • This reply was modified 5 years, 10 months ago by lwolf.
    • This reply was modified 5 years, 10 months ago by lwolf.
    Plugin Contributor mbrsolution

    (@mbrsolution)

    Hi, what is the shortcode you are using?

    Thank you

    Thread Starter lwolf

    (@lwolf)

    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

    (@mbrsolution)

    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

    (@lwolf)

    Thank you. I tried that but still get the same result with the “View Details” link showing instead of the button.

    Plugin Contributor mbrsolution

    (@mbrsolution)

    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)
  • The topic ‘Add button color’ is closed to new replies.