Build Your Own Business Website header image

Welcome to our Members Only Forum

You are welcome to view the content on our Forum, just scroll down to view this forum post.
If you like what you find and want to be able to post a question, please check out our subscription options.
Please feel free to search the forum using either the Google Site Search above or the forum search below.

Avatar
Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

sp_Feed sp_TopicIcon
change button background color
Avatar
Bas Burger
The Netherlands
Jedi
Members

Community Member
Forum Posts: 316
Member Since:
July 20, 2012
sp_UserOfflineSmall Offline
1
April 8, 2018 - 9:39 am
sp_Permalink sp_Print

Hi Rick,

After updating a site of mine http://www.mtbtracksoosterhout.nl , a button ( of the pButton.png

lug in paytium) changed his appearance and color. I have tried to make it how it should be, by editing custom css in Thesis. I'm drowning in the lot of possible selectors and so far i have not succeeded to change the background color of the button. In the attachment you can see what i see as i inspect the element. Can you please help me finding the right selector?

Kind regards Bas

sp_PlupAttachments Attachments
Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
2
April 10, 2018 - 9:00 am
sp_Permalink sp_Print

My apologies for the delay - I had to troubleshoot a javascript problem that was preventing me from adding a reply to posts

Unfortunately that image is too small for me to read and I can't find the button in question on that page.

Avatar
Bas Burger
The Netherlands
Jedi
Members

Community Member
Forum Posts: 316
Member Since:
July 20, 2012
sp_UserOfflineSmall Offline
3
April 11, 2018 - 11:33 am
sp_Permalink sp_Print

Ok Rick, here a new image and the link to the page is here

Button3.pngImage Enlarger

sp_PlupAttachments Attachments
Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
4
April 11, 2018 - 11:51 am
sp_Permalink sp_Print

Bas - that button is getting it's styles from this class:

.pt-checkout-form button

You could use .agility .pt-checkout-form button to add your own custom rules to overwrite that.

However - the first thing you want to do is run Fix CSS on this site.  Your CSS file is still messed up.

Avatar
Bas Burger
The Netherlands
Jedi
Members

Community Member
Forum Posts: 316
Member Since:
July 20, 2012
sp_UserOfflineSmall Offline
5
April 13, 2018 - 11:59 am
sp_Permalink sp_Print

Ok. Rick, That worked! Thanks! I first ran fix css. After that i adjusted the button like you described above. That works also. Now i want to adjust the background color when hovering over the button. Can you help me with that?

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
6
April 13, 2018 - 12:11 pm
sp_Permalink sp_Print

The selector would be .agility .pt-checkout-form button:hover

Avatar
Bas Burger
The Netherlands
Jedi
Members

Community Member
Forum Posts: 316
Member Since:
July 20, 2012
sp_UserOfflineSmall Offline
7
April 14, 2018 - 12:13 am
sp_Permalink sp_Print

Rick, you are formidable! Thanks!

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
8
April 14, 2018 - 6:59 am
sp_Permalink sp_Print

You're welcome cool

Forum Timezone: America/Los_Angeles

Most Users Ever Online: 228

Currently Online:
20 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

Keith W Jones: 1428

Brian Tozer: 1004

Carolin: 982

Heidi Hafner: 508

John Cunningham: 423

Reece Morrel: 353

Newest Members:

emma62755

sharonmarks

emma80233

Tijs de Jong

Daniel Frey

mutek

Forum Stats:

Groups: 8

Forums: 46

Topics: 6995

Posts: 34796

 

Member Stats:

Guest Posters: 6

Members: 6761

Moderators: 2

Admins: 2

Administrators: Rick Anderson, Rick Anderson

Moderators: Pierre Cote, Laura Nugent