Search Results for 'Page'

[maris]

maris

#292651

Hi,
I’m building wocommerce store, I’m using Kadence theme, blocks, shopkit… everything Kadence.
Anyone have suggestions witch plugins are compatable if I want to display offers – buy 2 get discount, buy 3 get even more… And of course upsells.
I tried a couple plugins, but it seems problematic to include discounts and upsells while building single product page. I can’t edit these designs and it just looks unprofesional.
Maybe somebody have suggestions?

Thanks
Maris

[maris]

maris

#292651

Hi,
I’m building wocommerce store, I’m using Kadence theme, blocks, shopkit… everything Kadence.
Anyone have suggestions witch plugins are compatable if I want to display offers – buy 2 get discount, buy 3 get even more… And of course upsells.
I tried a couple plugins, but it seems problematic to include discounts and upsells while building single product page. I can’t edit these designs and it just looks unprofesional.
Maybe somebody have suggestions?

Thanks
Maris

[nassimsultan]

nassimsultan

#292638

Hello Michael and Teejay! Thank you both for your messages.

Teejay, I’ll do my best to answer your questions:

* Gutenberg Blocks: all the images are Image (Adv)

* Theme and Customization: I don’t think I’m using any settings that affect scaling. In fact, the issue I have posted about doesn’t happen to other images that are elsewhere on the same page. Additionally, I am not using any custom CSS.

* Breakpoints: the images get quite large when the window is at ~40% of the total screen.

* URL: alas, right now I am building the website offline using Local and so I don’t have a URL to share. Once I do, I will pass it on!

Also, to your point about not being able to re-create the behavior, other Image (Adv) blocks work just fine for me!

Thanks!

Nassim

[victormonk]

victormonk

#292636

Hey Isaac,

Welcome to Kadence Support. We’re here to help.

I viewed your website and found the CSS causing this. On the page, there is this CSS:

.css-to8mgr {
    margin-bottom: 2rem;
    width: 24.9375rem;
}

It looks like this CSS forces the container to try to use up more Width than is available. I was able to resolve this by using the following Custom CSS:

.css-to8mgr {
    width: unset;
}

You can add Custom CSS in the Customizer -> Additional CSS settings.

You could also add this Custom CSS to a Media Query. However, I noticed the Layout also breaks above Tablet Screen Sizes briefly. If you want to use a Media Query, you could start around 1090px like this:

@media (max-width: 1090px) {
    .css-to8mgr {
        width: unset;
    }
}

This is the breakpoint where I noticed where the issue began to occur. You can work with and customize this CSS to meet your specific layout requirements.

I hope this was helpful to you. Please let us know how we can further assist.

[Isaac]

Isaac

#292634

I am building a super basic proof of concept for a client. Right now I have a short-code block for a PayPal button. On mobile it is overflowing the right side of the page. What CSS class selector should I target to push the widget back into where it belongs? You can view the page here *Login to see link

• This topic was modified 1 year, 3 months ago by Isaac.

[Isaac]

Isaac

#292634

I am building a super basic proof of concept for a client. Right now I have a short-code block for a PayPal button. On mobile it is overflowing the right side of the page. What CSS class selector should I target to push the widget back into where it belongs? You can view the page here *Login to see link

• This topic was modified 1 year, 3 months ago by Isaac.

[daniel-2301]

daniel-2301

#292633

Sorry to revive old thread, but as 2025 Kadence let you customize Search Results using the Customizing -> Search Results tab, and it’s pretty useful. Since this is one of the first pages that appears on search results, could be handy for future references.

[tshaw99]

tshaw99

#292626

I’m getting the below issue when trying to insert a pattern from the design library into a page. There is another thread on this but I’ve created this as I think the cause is slightly different and I didn’t want to hijack it.

It has never worked since install. I’ve changed the below PHP settings but no joy. I’ve used the Health Check plugin to test with no themes or plugins, but still doesn’t work. I’ve included the error messages from the console.

Any other ideas I can try?

Thanks

PHP settings changed to:
– the max post size bigger or equal to 50MB
– the WP-memory limit set to 256 MB
– the max input vars 2500
– and ideally the max execution time should be around 300

[tshaw99]

tshaw99

#292626

I’m getting the below issue when trying to insert a pattern from the design library into a page. There is another thread on this but I’ve created this as I think the cause is slightly different and I didn’t want to hijack it.

It has never worked since install. I’ve changed the below PHP settings but no joy. I’ve used the Health Check plugin to test with no themes or plugins, but still doesn’t work. I’ve included the error messages from the console.

Any other ideas I can try?

Thanks

PHP settings changed to:
– the max post size bigger or equal to 50MB
– the WP-memory limit set to 256 MB
– the max input vars 2500
– and ideally the max execution time should be around 300

[Johny]

Johny

#292624

Thank you Karla,

I use Video Popup A LOT, but i still have one question/issue.

I need to open video popups from text links.

On some pages i have many info videos and i don’t want all those thumbnails.
I need to call a video from links in text.

I’ve previous used that Lity js script (mentioned in this thread back in 2021)
But i’d prefer to not load more external scripts when the Video Popup works so good, beside not being able to open from a text link.

I’d love to see that added or some way to call it from a text link please. 🙂

[chitocamacho]

chitocamacho

#292617

Hi there,

You’re very welcome! I’m so glad to hear you’re enjoying Kadence even more. 🙂 If you ever need any more help or have questions, feel free to open a new forum topic or reach out via the following support pages:
* https://www.kadencewp.com/free-support-tickets/
* https://www.kadencewp.com/premium-support-tickets/

Best regards,
Chito

[Erik]

Erik

#292610

How can I style the footer for mobile view. I would like to align all content to the left. I used the footer widget to create my footer.

My Site

I tried adjusting the footer using the “customizer” as seen here, but the “footer” option is not active.

I built my pages using Elementor.

[Erik]

Erik

#292610

How can I style the footer for mobile view. I would like to align all content to the left. I used the footer widget to create my footer.

My Site

I tried adjusting the footer using the “customizer” as seen here, but the “footer” option is not active.

I built my pages using Elementor.

[Karla]

Karla

#292609

Hi there!

Apologies for the delay in getting back to you.

The Kadence theme’s “–global-calc-wide-content-width” variable is not assigned to the Row Layout block if you select a Wide Alignment for it.

We have these styles applied instead: https://share.zight.com/jkujebbK

I just want to take note that these styles are applied if the Content Style is “Unboxed”. If you’re using a “Boxed” Content Style, this is how the left and right margins are assigned so the Row Layout block will go wider than the content area: https://share.zight.com/v1uGNww8

Instead of overriding variables on our stylesheets and possibly affecting other blocks, here are some steps that you could do:
1. Utilize the “Visibility Settings” of the Row Layout block.
2. Add the Row Layout block with no alignment set for desktop and set the Visibility Settings to Hide on Tablet and Mobile.
3. Add another Row Layout block with the Wide alignment and set it to Hide on Desktop.

If this doesn’t work, send me a page URL where I can see the Row Layout block you have currently so I can recommend a CSS code that can help you with your intended layout.

Let me know how I can assist you further.

[Karla]

Karla

#292608

Hi!

I tested the latest versions of Kadence Blocks:
– Kadence Blocks 3.4.5
– Kadence Blocks Pro 2.6.1

You should see in my screencast that the YouTube video popup block is still working after the AJAX infinite scroll: https://share.zight.com/OAudgAyJ

Could you send me a page URL where the issue is happening? I want to check if there are any console error logged.

If you haven’t yet and you have a cache plugin active, please clear your website cache. Here’s our guide: Clearing Your Website Cache

Let me know how I can assist you further.

[Karla]

Karla

#292607

Hi, Johny and Chris!

Modals don’t have a method to communicate with a video and pause it because the player is unknown or an iframe.

Instead of using the Modal block to show a video on a popup, use the Video Popup block. Here’s our documentation for it: https://www.kadencewp.com/help-center/docs/kadence-blocks/video-popup-block/

The video iframe will only be added to the page document if a user clicks the play icon and the popup was shown.

I hope this helps and let me know if I can assist you further with this.

[Anita]

Anita

#292594

Dear Support Team!

Can you please help me with an example css code, that helps to define a different font size for headings in mobile view?

Here is the test site: *Login to see link

E.g.: I want H2 title ‘ÉKSZERKOLLEKCIÓK’ font-size to be 26px in mobile view. On the Home page.

Thanks a lot,
Anita

[Anita]

Anita

#292594

Dear Support Team!

Can you please help me with an example css code, that helps to define a different font size for headings in mobile view?

Here is the test site: *Login to see link

E.g.: I want H2 title ‘ÉKSZERKOLLEKCIÓK’ font-size to be 26px in mobile view. On the Home page.

Thanks a lot,
Anita

[chitocamacho]

chitocamacho

#292581

Hi Justin,

Thanks for the screenshot; I’m here to help.

It looks like it’s a line height issue. In Style > Text Styling, you’ll see the line height setting. Try to increase the value or reset it to default.

If the problem persists, I’d be happy to take a look at the page. Could you kindly send the link here?

Best,
Chito

[chitocamacho]

chitocamacho

#292580

Hi there,

Thanks for writing in.

While there isn’t a built-in option for this currently, you can try the following workarounds:
1. Redirect the “thank you” page to another page with this sample code snippet:

function thankyou_page_redirect() { 
    global $wp; 
    if (is_checkout() && !empty($wp->query_vars['order-received'])) { 
        wp_redirect('https://www.example.com/thank-you'); 
        exit; 
    } 
} 
add_action('template_redirect', 'thankyou_page_redirect');

Change the URL in the code.
2. Use a plugin to create a “thank you” page template:
https://wordpress.org/plugins/search/Thank+You+Page+for+WooCommerce/

Please let me know if I can assist further.

Best,
Chito

[teejayhidalgo]

teejayhidalgo

#292576

Hi jcfernandezcom,

Are you using Kadence Blocks to manage the content on your main page? If so, you can use the block visibility settings to achieve this.

While not all Kadence Blocks have visibility settings like the Image Advanced block, you can nest blocks within container blocks like the Row Layout block, where you can apply visibility settings.

For reference, here’s a screen recording that demonstrates the process: https://share.zight.com/nOu4DrGA

I hope this helps. If I misunderstood what you’re trying to do or if what I have shown is still not working for you, please let us know, and we’ll be more than happy to help.

Best regards,
Teejay.

[moinaso]

moinaso

#292575

Thanks Karla, normal pagination doesn’t fix the problem, once you go to a new ajax link page video popup is not loaded, example pag2. I saw in the new blocks release 3.4.5 Fix: Video Popup when filtering in query loops. I tried and I’m still having issues…

[Karla]

Karla

#292568

Hi there!

Kindly open a new topic for your concern so we can see it as a new ticket that needs a response.

On the other hand, I saw an element on both websites that adds extra space at the top. Watch this to see how I checked and saw them on your pages – https://share.zight.com/geuDoQR8

I believe that is from a third-party plugin. Check if you have this plugin active and if they have the option to hide that element from pages that are not a WordPress product archive page.

You can also add this CSS code:

.wpc-custom-selected-terms ul.wpc-filter-chips-list:not(:has(li)) {
    display: none;
}

This code will hide the list if it doesn’t have a list item. Follow our guide in adding CSS code to your website: How do I add Custom CSS

Let me know if I can assist you further.

[jcfernandezcom]

jcfernandezcom

#292567

I want to display an image on my main page, but I want it to be displayed only on desktop or large screens, on small screens I want the image not to be displayed, on smartphones I want the image to be hidden, how can I do that? with my Kadence theme?

[jcfernandezcom]

jcfernandezcom

#292567

I want to display an image on my main page, but I want it to be displayed only on desktop or large screens, on small screens I want the image not to be displayed, on smartphones I want the image to be hidden, how can I do that? with my Kadence theme?

[ahrefbothuse]

ahrefbothuse

#292564

Hi Kadence team and community,

I’m currently using Kadence Blocks to build a page for my project, which is focused on a secure and high-performance app called the Xnxubd VPN Browser APK. While the plugin is fantastic overall, I’ve encountered a small issue.

The issue arises when I embed a download button or a call-to-action section within a row layout. The alignment seems to break when viewed on smaller devices, especially mobile. The button either overlaps with the text or shifts out of the container. I’ve tried adjusting the padding and margins, but it still doesn’t seem to work as expected.

Here’s an example of what I’m working on:
The page details the app’s key features, such as secure browsing, unrestricted access to geo-blocked content, and fast performance. It also includes a download button that directs users to my website xnxubd VPN browser
Is there a way to fix this responsive design issue with Kadence Blocks? Or could it be related to how I’m structuring the rows and columns? Any advice or suggestions would be much appreciated!

Thanks in advance for your help!