[Support request] GP Premium: sidebar and slide-show issues

[Sam]

We are trying to use GP Premium theme on a website. However, we have following two issues:

1. The right sidebar is getting stretched and is not able to accommodate the Paypal dropdown widget. Please suggest how to fix this.
2. We don’t know how to display image slide-show on the homepage. Can you suggest us a good plugin for this purpose? Something that will work well with your theme.

Please see screenshots attached for reference and guide us at your earliest convenience.

https://postimg.cc/qNwhR4sP
https://postimg.cc/FYYz93KL

Thanks.

[David]

Hi there,

that Site you have provided a link for is not using the GeneratePress Theme – are you using it on another site ?

[Sam]

David,
We disabled the theme as it was not working as expected.

Please review the screenshots and guide us accordingly.

Thank you.

[David]

1. I would need to see the GP Site to help resolve. Looking at your current site I can see the same problem, which is because the Drop Down selector labels are too long for the sidebar.

2. Any good coded Slider Plugin will work – a couple that i know our users like:

Smart Slider 3
https://en-gb.wordpress.org/plugins/smart-slider-3/

Meta Slider
https://en-gb.wordpress.org/plugins/ml-slider/

To position the slider above content and sidebars you can add it using the slider shortcode in a Header Element:

https://docs.generatepress.com/article/header-element-overview/

[Sam]

David, Thank you for your inputs regarding what plugin to use for slide-shows.

Regarding the sidebar issue – Please see the link: http://staging.gbata.org/conference/

Please note we are not able to display the Paypal code properly in the sidebar due to the long labels. As a workaround, we tried moving the paypal HTML code to the Membership page (http://staging.gbata.org/membership/) but it doesn’t work there either.

Can you please tell us how to best embed paypal code in a regular page?

Many thanks.

[David]

To fix the sidebar issue, you could add this CSS:

@media (min-width: 769px) {
    .widget form table td {
        max-width: 220px;
        box-sizing: border-box 
    }
}

[Sam]

David,

We tried the CSS you suggested but nothing.

[David]

How did you add the CSS to the site?

Can you add it back in and let me know so i can take a look.

[Sam]

Added to the main style.css file.

Link: http://staging.gbata.org/wp-content/themes/generatepress/style.css

[David]

Can you remove it from there, even if it did work it will get overwritten when the Theme updates.

Can you try adding the CSS to the Customizer > Additional CSS.

[Sam]

Adding via Customizer > Additional CSS does the trick. Thank you.

Can you also tell us how to embed the Paypal code in a regular page? Let’s say on: http://staging.gbata.org/membership/

The code starts with:

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">

We tried creating a custom hook from Elements but it doesn’t work. We are probably doing somehing wrong there.

Please guide.

[Tom]

Hi there,

Elements should work for that as long as the Display Rules are set to the page.

Otherwise, a regular HTML block in the editor of that page should accept the HTML.

[Sam]

Tom,

Thanks for getting back.

I set the display rule to display the PayPal code only on the Membership page but nothing happened. Anything I need to do differently?

And when I include the paypal code as regular HTML from the editor, it creates the dropdown but does not read the PayPal account. In other words, something breaks. (Hard to explain the exact behavior here.)

Sam

[David]

Can you just copy the HTML used in the Sidebar widget and add it the page editor, then let us know so we can take a look for the issue.

[Sam]

We were able to add the Paypal code directly to the membership page and it worked. Thank you.

[Author]

Posts