CSS issues

Resolved lala9
(@lala9)

3 years, 10 months ago

I have givewp in a multisite network.

On one sub-site, I am using a give form to accept donations. I use the “multi-section form” here.

On a second sub-site, I am styling it to work only as a petition form. No donations. I use the “Classic form” here.

So, on this second sub-site I am trying to hide the donations section.

I have tried adding the CSS snippet via the Customizer.
Then I tried adding it to the specific page with the Elementor Pro CSS.
Then I tried adding it with your Code snippet via the plugin “Code snippets”.

Its incredible how it is not possible. This is the CSS I tried adding :

.give-donation-form-summary-section{display:none!important;}
.give-donation-amount-section{display:none!important;}
.give-container-boxed .give-form-section:nth-of-type(2n+1){display:none!important;}

Could somebody suggest something here???

Viewing 2 replies - 1 through 2 (of 2 total)

Plugin Support Rick Alday
(@mrdaro)

3 years, 10 months ago

Glad you reached out. I can help here.

The multi-step and Classic donation form and the donor dashboard load in an iframe, to make them more resistant to changes made in the theme’s CSS. That’s helpful for avoiding theme conflicts, but makes customizing the style of them a bit more difficult. There are two PHP code snippets in our Snippet library that will help with that process.

The first is for small changes, and adds some style inline to the donor dashboard or the multi-step donation form: https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/style-givewp-iframes.php

On the above snippet you have to change line 14 to ‘give-classic-template‘ for the Classic template.

The other is for enqueueing your own CSS completely via a custom stylesheet: https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/enqueue-style-for-givewp-iframes.php

If you need assistance implementing custom PHP code on your website we have this guide:
https://givewp.com/documentation/resources/adding-custom-functions-to-your-wordpress-website/

Please note that this code snippet is provided as an example of how you can extend GiveWP with code. It’s up to you to implement and customize to your liking. We cannot provide support for custom code on your website, only the code that we create and distribute.

Let me know if that gets you going with the CSS-ing the Classic Template. Have a good day!

Plugin Support Rick Alday
(@mrdaro)

3 years, 10 months ago

Hi @lala9,

Just checking in on this issue. We’d love to hear whether our support helped resolve the problem or not.

Do you still need assistance here?

If you still need help, reply and we’ll make sure everything is handled.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘CSS issues’ is closed to new replies.