Jump to content


Replying to Changing The Buy Now Button In Exchange


Post Options

  or Cancel


Topic Summary

davidbraun

Posted 16 April 2014 - 10:11 PM

OK, I'll open a new topic for future questions.

Found this: http://ithemes.com/forum/topic/57788-removing-default-styling/

The iThemes codex really needs to be updated to include this information, or at least in a place more readily accessible.

Thanks.

Ronald

Posted 16 April 2014 - 04:15 PM

Hi Dave,

for future new questions, please open a new topic.

On this, can you give some background? A link to the page where this shows/doesn't show. And explain what exactly it is you want to achieve on which element,

thanks!
Ronald

davidbraun

Posted 16 April 2014 - 10:57 AM

Hi Ronald,

I'm having trouble with the .purchase-options class. If I change it in frontend-global.css, modifying the padding, it works.

But if I add it to my style.css, it isn't effective. As in

.purchase-options {
padding:0em;
}

Thoughts?

Dave

Ronald

Posted 16 April 2014 - 09:11 AM

Hi,

that is odd indeed. To the best of my knowledge, // is not valid for css comments (see http://reference.sitepoint.com/css/comments)

glad it's resolved though,
Ronald

davidbraun

Posted 15 April 2014 - 10:43 PM

Hi Ronald,

Finally figured out what was going on.

I had a comment in my style.css, with // instead of /* */. Seems like I've used // in my css files before, without a problem. Why here, I don't know.

The weirdest thing is that it rendered they buy now class inactive, but the paypal class, just afterwords, was OK.

Thanks for all your help.

Dave

Ronald

Posted 15 April 2014 - 01:14 PM

Hi,

from your post:

View Postdavidbraun, on 14 April 2014 - 08:11 PM, said:

Putting in the above CSS does not change the buynow button. See http://www.ofa.proappcreators.com/product/june-7-event-ticket/.

I added the css, and it does change the button, as per the css rules:

Posted Image

If you want to style another button, please add a link to the page, and indicate which button exactly you are referring to.

Also, I'm not sure where you are adding the css code to make these changes, as I can't see where you did,

Ronald

davidbraun

Posted 15 April 2014 - 09:55 AM

Hi Ronald,

That's what I thought, but I need an explanation.

If you go to my test website at http://www.ofa.proappcreators.com/product/june-7-event-ticket/ and do the following
1. Look at the "Buy Now" button. This is what isn't changing for me.
2. Then click on the Buy Now button.
3. You'll see the "Pay with PayPal" button styled correctly.

Below is the style.css portion I'm using.

What am I doing wrong here? The paypal button is working fine, but not the buy now button.

.buy-now-button {
background: #da1f26;
color: #fff;
font-size: 1.5em;
font-weight: bold;
margin: 0;
}

.it-exchange-paypal-standard-button {
background: #da1f26;
color: #fff;
font-size: 1.0em;
font-weight: bold;
margin: 0;
}

Ronald

Posted 15 April 2014 - 03:54 AM

Hi,

the theme is unrelated, you're styling elements of the Exchange plugin. And,

View PostElise Alley, on 06 November 2013 - 01:56 PM, said:

.buy-now-button {
background: #da1f26;
color: #fff;
font-size: 1.5em;
font-weight: bold;
margin: 0;
}

works fine for me,
Ronald

davidbraun

Posted 14 April 2014 - 08:11 PM

Hello,

This does not work for me.

I'm using an older theme, Expansion-Red. Putting in the above CSS does not change the buynow button. See http://www.ofa.proappcreators.com/product/june-7-event-ticket/.

I'm unclear on how to specify it correctly.

Here's what I'm doing:

#it-exchange-sw-purchase-options .it-exchange-sw-buy-now .buy-now-button {
background: #da1f26;
color: #fff;
font-size: 1.5em;
font-weight: bold;
margin: 0;
}

Posted 06 November 2013 - 02:53 PM

Hi Elise,

Thanks for that, that worked!

Trying to do something similar with the "complete purchase" button but cant seem to make it happen.

Review the complete topic (launches new window)