CSS styling

Where did you make the change?

There is a css file that sets up some global variables but the styles for each form are saved in quick-paypal-payments-custom.css

That’s the one you need to edit.

I initially made the change in the custom CSS editor for the plugin.
I then noticed the ability to edit the CSS files directly. However, the CSS files have since reverted to their original content, after I had changed them directly.
Do you know how this is possible? Does the plugin update the styles when changes are made to the forms?
I would have lost my styling but I saved it locally.

Thanks, Aidan

Yes, the CSS is updated each time you change the form, it’s pretty much at the core of the plugin so not sure you would gain much by disabling the update function

Yes, but what I am getting at, is; if you don’t change the styling, just the form content for instance, the css styles still change, the styling should be separate, no?

If you change the form content the styles shouldn’t change. I’ve just checked the code and quick-contact-form-custom.css is updated when a new form is created and when you change or reset the styles.

The CSS file is constructed from the saved options for each form. If the styles are changing when you update the form settings something strange is happening. I’ve just made a whole load of test changes and the styles don’t change can you send over some before and after screenshots.

I was having similar issues…

I wanted to customize the styling and have tried placing my CSS in the following places:

1) style.css of the theme
2) quick-paypal-payments-custom.css
3) quick-paypal-payments.css
4) the plugin custom CSS edit field and selected the enable check box
5) also tried using !important for each styling w/ no avail.

When I comment out the standard styling for #2 and #3 using /* */ it will disable the styling but my custom styling still does not apply.

Any suggestions and thank you! I have liked your plugin and appreciate what you have already done.

Cheers,
j

Can you send me a link to your site so I can see your quick-paypal-payments-custom.css

I’ve just had a quick experiment and managed to change the styling so not sure why it’s not working for you.

Thanks for the quick reply.

Here is my payment page: https://www.jourdanhines.com/musiclessons/dashboard/payment/

Currently I commented out the default CSS within the custom style sheet but have my CSS included after the closing of the comment.

Let me know if there are any other questions that you have and again THANK YOU!

I can see the problem.

1. You have got some illegal characters in the CSS: a۬
2. The CSS needs the name of the form to work. Change your: .qpp-style
into: .qpp-style.MonthlyLessons

PS: your logo is half off the screen and the page contents covers up the navigation

Thanks for the advice. I will make updates accordingly.

I’m not live w/ my clients yet so still working on the logistics of the site design and navigational issues but greatly appreciate your feedback.

Have a great weekend!

The site all seems to be working well now so we can close this thread.