Why is the Button Showing Red Text?

Here’s a screenshot of what the html looks like for the page where the button is implemented. I don’t see anything that would make the button show up with red text.

As you can see in this screenshot, the button is configured to have white text, so I’m at a loss as to why it’s showing up with red text.

Did you choose the “Use External CSS” option?

When I inspect the page, I’m seeing that a.maxbutton-5:visited should have white text. So, once someone has visited that link it will show up in white. Otherwise it defaults to red, which is the set color for .art-postcontent a. You may need to add the following to your CSS to make sure it works properly.

a.maxbutton-5 {
color: #fff; !important;
}

OK. I added it. Does this look ok? I’m still kind of confused on where you’re supposed to add brackets in CSS.

Here’s what the end of my style.css looks like:

.wp-caption p.wp-caption-text {
    text-align: left;

}
#leftcolumn { width: 300px; border: 0px solid red; float: left}
#rightcolumn { width: 600px; border: 0px solid red; float: right}

a.maxbutton-5 {
color: #fff; !important;
}

.dvul {border-bottom: 1px #000 dotted}
/* Begin Additional CSS Styles */

/* End Additional CSS Styles */

If it’s right, how do I go about testing to see if it works right? I ask, because since I clicked on the link already, it’s showing up in white font, so I’m not sure how to test to see what it looks like if the button has yet to be clicked-on.

I cleared the history and cache and then went to the URL again, but it was still showing up with red text. I tried adding the CSS you requested to a different spot, but I’m still getting the same result.

What am I doing wrong?

Here’s how the end of the style.css looks now:

.wp-caption p.wp-caption-text {
    text-align: left;

}
#leftcolumn { width: 300px; border: 0px solid red; float: left}
#rightcolumn { width: 600px; border: 0px solid red; float: right}

.dvul {border-bottom: 1px #000 dotted}

a.maxbutton-5 {
color: #fff; !important;
}

/* Begin Additional CSS Styles */

/* End Additional CSS Styles */

You may need to add .art-postcontent in front of a.maxbutton to make sure it’s directly targeting the button. If that doesn’t work send your admin login to me at [email protected] and I’ll took a look under the hood.

Did I add a.maxbutton wrong, or something?

This is what I did, but as you can see, the red text is still there.

Just thought I’d ask if I pasted it in wrong before sending you the email. Thanks. Oh, and I cleared my internet browser’s cache prior to adding the code in Firebug.

Hi John,

I could have a similiar problem where MaxButton is ONLY showing the TEXT in RED without any default border and colors! I have another site where the MaxButton works fine and I copied the identical settings, but on this site, the short code only displays the Red text and NOTHING else!!

CSS is checked.

The button that does NOT work is at this post:

https://wp.me/p3QHFI-2tW

I deactivated and re-installed which didn’t help. I deleted it and re-created it again after re-installing the Plugin but get the SAME results with no

@mortaz1 Try unchecking the CSS. That should only be checked if you are going to use the CSS in an external file. Since it has not been added, uncheck it and see if it changes.