Search Results for 'page+'

[Eze]

Eze

#287045

Hi there,

Thank you for reaching out.

I am unable to replicate this issue on my website. The Icon List aligns the same on the editor and the frontend. Here is a screencast for your reference:
https://share.zight.com/qGuBgO8R

To troubleshoot this, please try the following troubleshooting steps listed here:
https://www.kadencewp.com/how-to-troubleshoot-your-website/

If the issue persists after trying the troubleshooting steps, please send us a link to the page with the Icon List block. We recommend that when sending links to your websites, kindly check “set as private reply” before submitting your reply.

Please let us know how we can help further.

Cheers,
Eze

[asterdaster]

asterdaster

#287040

Hi,

I would like to add a drop shadow to my sticky header. I’d like the drop shadow to not be visible when the page loads but to be visible on scroll. I have searched through the forum and have found two pieces of CSS code. The first works perfectly on desktop but doesn’t seem to do anything on mobile.
*Login to see link

#main-header .item-is-fixed {
box-shadow: 0 2px 4px rgb(45 62 80 / 12%);
}

The second code works perfectly on desktop and mobile with the exception that the shadow is visible on page load.
*Login to see link

#masthead, #masthead .item-is-stuck {
-webkit-box-shadow: 0 2px 4px rgb(45 62 80 / 12%);
-moz-box-shadow: 0 2px 4px rgb(45 62 80 / 12%);
box-shadow: 0 2px 4px rgb(45 62 80 / 12%);
}

I’d appreciate if you could provide me the CSS that works on all devices and only has the drop shadow when the user has started to scroll down the page as in the first example.

Thanks,
Gary

[asterdaster]

asterdaster

#287040

Hi,

I would like to add a drop shadow to my sticky header. I’d like the drop shadow to not be visible when the page loads but to be visible on scroll. I have searched through the forum and have found two pieces of CSS code. The first works perfectly on desktop but doesn’t seem to do anything on mobile.
*Login to see link

#main-header .item-is-fixed {
box-shadow: 0 2px 4px rgb(45 62 80 / 12%);
}

The second code works perfectly on desktop and mobile with the exception that the shadow is visible on page load.
*Login to see link

#masthead, #masthead .item-is-stuck {
-webkit-box-shadow: 0 2px 4px rgb(45 62 80 / 12%);
-moz-box-shadow: 0 2px 4px rgb(45 62 80 / 12%);
box-shadow: 0 2px 4px rgb(45 62 80 / 12%);
}

I’d appreciate if you could provide me the CSS that works on all devices and only has the drop shadow when the user has started to scroll down the page as in the first example.

Thanks,
Gary

[air]

air

#287038

Hello i have problem with header-navigation-style-underline in ONEPAGE style menu. If i use #id-of-section this hovered. In normal links without # works fine, any ideas?

The issue is specifically that when creating a one-page website with menu links referring to sections through the use of # (HTML id=”customid”), the hover effect doesn’t work. This is because the ::after pseudo-element becomes an active link for each menu item.

Any ideas on how to fix this?

• This topic was modified 2 years, 3 months ago by air.

[air]

air

#287038

Hello i have problem with header-navigation-style-underline in ONEPAGE style menu. If i use #id-of-section this hovered. In normal links without # works fine, any ideas?

The issue is specifically that when creating a one-page website with menu links referring to sections through the use of # (HTML id=”customid”), the hover effect doesn’t work. This is because the ::after pseudo-element becomes an active link for each menu item.

Any ideas on how to fix this?

• This topic was modified 2 years, 3 months ago by air.

[garyjay]

garyjay

#287035

But “having to add manually” is not what that link states. It states that by adding the custom plug in you can just simply add the font. So, can you add the font with the custom plug in, or not? I can’t seem to get it to show up. I’m using the Kadence theme that is offered on WP when you choose to add “Kadence theme.”

And, no matter what I attempt, there is no way to just simply change a font in a block on any page. I get size and boldness and decorations, but no advanced drop down to even just change the font on one block. The only thing I can do is globally change H1, H2, etc.

Don’t understand why this is so difficult. Is this something not offered in the free Kadence template? I really would rather not start over again as I’ve already spent about 12 hours creating a simple “just simply” awesome website.

• This reply was modified 2 years, 3 months ago by garyjay.

[gennapaul31]

gennapaul31

#287033

Absolutely! In Kadence, you can definitely achieve the effect you’re looking for with a background video on your front page. While Kadence doesn’t have the same interface as Elementor, it offers a powerful set of customization options.

To add a background video:

Navigate to the page where you want to add the video in your WordPress dashboard.
Edit the page using the Kadence Blocks editor.
Look for the section or block where you want to add the video background.
In the block settings, you should find an option to add a background image or video. Choose the video option.
Upload your 64-second looped video.
Now, to achieve the overlay effect you mentioned, you might need to use a combination of Kadence’s settings. You can explore options related to background opacity, color overlays, or even custom CSS if needed.

If you’re unsure about specific settings or encounter any issues, feel free to ask for guidance here or check the Kadence documentation for detailed instructions.

Regarding modcapcutapk for PC, it seems like there might be a mix-up in your request. Modcapcutapk doesn’t directly relate to adding background videos on WordPress. If you have a specific question or request related to modcapcutapk, please provide more details so I can assist you better.

[Robert Berger]

Robert Berger

#287028

I have the pro version of the theme active. When I try to access the Starter Templates, I receive this error message: Sorry, you are not allowed to access this page.

Hoping somebody can help me resolve this. Thanks.

[Robert Berger]

Robert Berger

#287028

I have the pro version of the theme active. When I try to access the Starter Templates, I receive this error message: Sorry, you are not allowed to access this page.

Hoping somebody can help me resolve this. Thanks.

[travis.fultz]

travis.fultz

#287027

This code did not work for me.

My site and an example blog post: https://www.menofstrengthusa.com/bible-verses-about-strength-in-hard-times/

currently i have sidebars globally turned on but only want them active on desktop so they don’t show at the bottom of mobile pages.

Im not very code literate so not sure why it wouldnt work.

You would think there would be a simple setting for this?

[Eze]

Eze

#287025

Hi there,

Thank you for reaching out.

To adjust the aspect ratio of your WooCommerce Product Archive Images, kindly navigate to the theme Customizer > WooCommerce
Product Images and change the Custom Aspect Ratio.

Common aspect ratios for rectangular images include 16:9, 3:2, 4:3, and 2:1.

This aspect ratio will be applied to your product archive images on your category pages and your related products.

Here is a screencast for your reference:
https://share.zight.com/yAuBWdke

For the carousel gallery at the top, you can add texts below the images by adding captions to the gallery images and Enabling Show Caption in the Gallery Caption Settings (CAPTION PLACEMENT: Below Image – Show always). Here is a screencast of how to achieve this:
https://share.zight.com/QwuXYNdr

The image doesn’t look so crisp due to its size. Here is our blog post on Best Practices for Image Sizes:
https://www.kadencewp.com/best-practices-for-images-sizes-and-optimization-in-wordpress/

The spacing at the top is from the global Content Top and Bottom Spacing that is applied to all your pages, including your single product pages. Here is a screencast for your reference:
https://share.zight.com/lluOZrO1

To reduce it, navigate to the theme Customizer > General > Layout > Reduce the Content Top and Bottom Spacing as shown in this screencast:
https://share.zight.com/WnuXdoXg

I hope this helps. Please let us know how we can help further.

Cheers,
Eze

[syoung68]

syoung68

#287024

I am trying to show ONLY 1st level child pages of a specific Parent Page, but can’t seem to get it to work. I have tried a few things so far…

add_filter( 'kadence_blocks_pro_query_loop_query_vars', function( $query, $ql_query_meta, $ql_id ) {

if ( $ql_id == 124 ) {
$query['post_parent'] = 456;
}
return $query;
}, 10, 3 );

and

add_filter( 'kadence_blocks_pro_query_loop_query_vars', function( $query, $ql_query_meta, $ql_id ) {

if ( $ql_id == 8738 ) {
$query['post_type'] = 'page';
$query['post_parent'] = array(
'value' => 5165,
'compare' => '=',
);
}
return $query;
}, 10, 3 );

But neither makes any difference in the results.

[syoung68]

syoung68

#287024

I am trying to show ONLY 1st level child pages of a specific Parent Page, but can’t seem to get it to work. I have tried a few things so far…

add_filter( 'kadence_blocks_pro_query_loop_query_vars', function( $query, $ql_query_meta, $ql_id ) {

if ( $ql_id == 124 ) {
$query['post_parent'] = 456;
}
return $query;
}, 10, 3 );

and

add_filter( 'kadence_blocks_pro_query_loop_query_vars', function( $query, $ql_query_meta, $ql_id ) {

if ( $ql_id == 8738 ) {
$query['post_type'] = 'page';
$query['post_parent'] = array(
'value' => 5165,
'compare' => '=',
);
}
return $query;
}, 10, 3 );

But neither makes any difference in the results.

[mX]

mX

#287017

Also, note on the product detail page
https://seatsandbeds.be/product/hoekbank-big-sofa-fatguy-curderoy-ribstof-beige/

at the bottom of the page, there are related products, those are also square and being cut off and I would love to have them in another ratio so I don’t lose that information of my image.

[mX]

mX

#287016

Hi there,
I have 2 issues with images on my website:

1. The images are being cut off. The images are square, how can I change the aspect ratio? So they are more of a rectangle.
*Login to see link

2. On this product detail page: *Login to see link
I have used the custom hooks to add a carousel at the top. But my images don’t look crisp anymore. Especially on mobile. And that carousel has more spacing at the top, how can I remove that.

2A. I want each image in the carousel to have a text below it, how can I make that happen?

Thank you very much

[mX]

mX

#287016

Hi there,
I have 2 issues with images on my website:

1. The images are being cut off. The images are square, how can I change the aspect ratio? So they are more of a rectangle.
*Login to see link

2. On this product detail page: *Login to see link
I have used the custom hooks to add a carousel at the top. But my images don’t look crisp anymore. Especially on mobile. And that carousel has more spacing at the top, how can I remove that.

2A. I want each image in the carousel to have a text below it, how can I make that happen?

Thank you very much

[Robert Berger]

Robert Berger

#287009

Does anybody know if there is a way to pre-select a filter for the Adv. Query Loop? From what I can tell, the page loads with no filters selected. It would be helpful if we could pre-select one or more filters on the initial page load. Thanks.

[Robert Berger]

Robert Berger

#287009

Does anybody know if there is a way to pre-select a filter for the Adv. Query Loop? From what I can tell, the page loads with no filters selected. It would be helpful if we could pre-select one or more filters on the initial page load. Thanks.

[chitocamacho]

chitocamacho

#287007

Hi there,

Thanks for writing in.

You can replace the author archives using Kadence hooked element (template) — here’s an example: https://share.zight.com/DOuJgnDy

If you don’t have Kadence Pro plugin (which is where the hooked element feature is from), you can create a WordPress page, and paste the URL of that page in the Website field in User’s profile — see screenshot: https://share.zight.com/BluqJjDR

That way, the author links in blog archive and single posts will redirect to that custom author page.

Let me know how we can assist further.

Best,
Chito

[justanotherdave]

justanotherdave

#287003

Hi. I’m probably missing something obvious here! If I add a row layout to the page the option “Break Left/Right Section Full Width” under content max-width setting isn’t there. But if I add a layout from the design library that includes that, eg “form 12”, then the option is there. Is there a setting somewhere I need to turn on to enable these settings?

Thanks! 🙂

Edit:

Yes, it was something obvious, kinda. The full width row layout under the alignment options needs to be enabled for those settings to show up. I guess, since the setting was breaking out of a non full-width row. It didn’t occur to me that the row had to be set to full width to begin with.

• This topic was modified 2 years, 3 months ago by justanotherdave.
• This topic was modified 2 years, 3 months ago by justanotherdave.

[justanotherdave]

justanotherdave

#287003

Hi. I’m probably missing something obvious here! If I add a row layout to the page the option “Break Left/Right Section Full Width” under content max-width setting isn’t there. But if I add a layout from the design library that includes that, eg “form 12”, then the option is there. Is there a setting somewhere I need to turn on to enable these settings?

Thanks! 🙂

Edit:

Yes, it was something obvious, kinda. The full width row layout under the alignment options needs to be enabled for those settings to show up. I guess, since the setting was breaking out of a non full-width row. It didn’t occur to me that the row had to be set to full width to begin with.

• This topic was modified 2 years, 3 months ago by justanotherdave.
• This topic was modified 2 years, 3 months ago by justanotherdave.

[andrewmac]

andrewmac

#286998

How to build a custom author page in Kadence?
My client’s website is OMGGamer and he wants a custom page for the author’s profile.

• This topic was modified 2 years, 3 months ago by andrewmac.
• This topic was modified 2 years, 3 months ago by andrewmac.

[andrewmac]

andrewmac

#286998

How to build a custom author page in Kadence?
My client’s website is OMGGamer and he wants a custom page for the author’s profile.

• This topic was modified 2 years, 3 months ago by andrewmac.
• This topic was modified 2 years, 3 months ago by andrewmac.

[lekri1904]

lekri1904

#286994

Hello,

I’m trying to create an icon list, but the icons do not align vertically. I set them to center on the left. In the editor it shows the list correctly, but when I preview the page, the icons do not align. What could be the issue?

Kind regards,
Lena

[lekri1904]

lekri1904

#286994

Hello,

I’m trying to create an icon list, but the icons do not align vertically. I set them to center on the left. In the editor it shows the list correctly, but when I preview the page, the icons do not align. What could be the issue?

Kind regards,
Lena

[Robert Berger]

Robert Berger

#286992

I’m trying to include a product name taken from ACF in a custom post type and insert it into a paragraph in a regular post. That part is easy with ADV Text and dynamic content. What I can’t figure out is how to add a link to the product name that points to the product page.

I’ve tried the dynamic link, but it links not only the product name but all text in the paragraph that comes before the product name. Any guidance would be appreciated.

[Robert Berger]

Robert Berger

#286992

I’m trying to include a product name taken from ACF in a custom post type and insert it into a paragraph in a regular post. That part is easy with ADV Text and dynamic content. What I can’t figure out is how to add a link to the product name that points to the product page.

I’ve tried the dynamic link, but it links not only the product name but all text in the paragraph that comes before the product name. Any guidance would be appreciated.

[pologoalie8908]

pologoalie8908

#286987

I am using Cards 25 from Kadence blocks. I am on the Astra Theme. The card 25 from the gallery (or even if i make my own info cards) adds this grey border to the top and bottom o f the screen. I don’t know where in the settings this is at to change/remove. Please advise

[pologoalie8908]

pologoalie8908

#286987

I am using Cards 25 from Kadence blocks. I am on the Astra Theme. The card 25 from the gallery (or even if i make my own info cards) adds this grey border to the top and bottom o f the screen. I don’t know where in the settings this is at to change/remove. Please advise

[MyAccount]

MyAccount

#286980

Hi, I’m trying to call the modal using custom ID in another JS, tried with modal Both doesn’t work. The href link I’ve tried as below :

<a href="#popsg" class="modal-trigger">test popsg</a>
<a class="modal-trigger" data-modal-open="popsg" tabindex="0">test popsg</a>

The custom JS is actually for Google Maps info windows, and I’ve created link above to open a popup.

Both work If it is sitted on the html page itself.

• This topic was modified 2 years, 3 months ago by MyAccount. Reason: wrong format

[MyAccount]

MyAccount

#286980

Hi, I’m trying to call the modal using custom ID in another JS, tried with modal Both doesn’t work. The href link I’ve tried as below :

<a href="#popsg" class="modal-trigger">test popsg</a>
<a class="modal-trigger" data-modal-open="popsg" tabindex="0">test popsg</a>

The custom JS is actually for Google Maps info windows, and I’ve created link above to open a popup.

Both work If it is sitted on the html page itself.

• This topic was modified 2 years, 3 months ago by MyAccount. Reason: wrong format

[Solace]

Solace

#286975

Any way we can over-ride the standard timing of the Carousel Auto Play (gallery) which only seems to go up to 15000 ms (4hrs) I have 7 images – I want to display one every 24hrs (86400ms) on a page about “daily thoughts”

Or could there be a better method you could suggest, such as a cron or JS? I had looked at this and wondered if it could be used
*Login to see link

the 7 images just cycle once per 24hrs (based on server time) so one for each day of the week. Images will be static but should rotate once per day.

Thanks

• This topic was modified 2 years, 3 months ago by Solace.
• This topic was modified 2 years, 3 months ago by Solace.

[Solace]

Solace

#286975

Any way we can over-ride the standard timing of the Carousel Auto Play (gallery) which only seems to go up to 15000 ms (4hrs) I have 7 images – I want to display one every 24hrs (86400ms) on a page about “daily thoughts”

Or could there be a better method you could suggest, such as a cron or JS? I had looked at this and wondered if it could be used
*Login to see link

the 7 images just cycle once per 24hrs (based on server time) so one for each day of the week. Images will be static but should rotate once per day.

Thanks

• This topic was modified 2 years, 3 months ago by Solace.
• This topic was modified 2 years, 3 months ago by Solace.