Search Results for 'page '

[Karla]

Karla

#265871

Hello,

1. Do the selectors look OK for a generic Kadence theme page using Row layout (with “custom-padding” custom class)? Am I risking breaking something in future updates?
Using this custom CSS class before any selector is great. We do not have a class with the same name and so you are not risking breaking anything in the future.

2. To override the GUI-values, should I just go ahead and use !important?
Could you send us the link where we can see this? You may need to change some selectors but ultimately, you can also use !important.

Best Regards,
Karla

[Mike]

Mike

#265868

I’m encountering this problem only on Android devices and only with the Chrome browser. The home header has a Kadence Slider specified that plays a video. I use a different Kadence Slider for the mobile home header that’s simply a standard slide show. Works great on iPhones and it seems to work OK on Droids…until you visit another page and then return to the home page. The slideshow plays again, as expected, but suddenly you hear the audio portion of the video file…that shouldn’t even be playing. I can’t for the life of me understand how this could possibly be happening.

The site is HERE.

[Mike]

Mike

#265868

I’m encountering this problem only on Android devices and only with the Chrome browser. The home header has a Kadence Slider specified that plays a video. I use a different Kadence Slider for the mobile home header that’s simply a standard slide show. Works great on iPhones and it seems to work OK on Droids…until you visit another page and then return to the home page. The slideshow plays again, as expected, but suddenly you hear the audio portion of the video file…that shouldn’t even be playing. I can’t for the life of me understand how this could possibly be happening.

The site is HERE.

[Nomad’s Team]

Nomad’s Team

#265863

Hi,

On shop pages, when a product is out of stock, the “Add to cart” text is replaced by “Read more” and the link points to the product page instead of launching an ajax request.

When the WooCommerce loop is displayed, it works as expected but in the product block loop, the Ajax request is launched: the spinner is displayed then we’re redirected to the product page with the error “You cannot add “%s” to the cart because the product is out of stock.”.

Could you please solve this?

Thanks,
Estelle

[Nomad’s Team]

Nomad’s Team

#265863

Hi,

On shop pages, when a product is out of stock, the “Add to cart” text is replaced by “Read more” and the link points to the product page instead of launching an ajax request.

When the WooCommerce loop is displayed, it works as expected but in the product block loop, the Ajax request is launched: the spinner is displayed then we’re redirected to the product page with the error “You cannot add “%s” to the cart because the product is out of stock.”.

Could you please solve this?

Thanks,
Estelle

[George Randy Bass]

George Randy Bass

#265857

Since updating from WP 5.7 TO 5.7.2 I have not been able to edit blocks using Kadence Blocks – Gutenberg Blocks for Page Builder Features.

I also have Kadence Blocks – PRO Extension

Restoring a backup copy of my WordPress site to WP 5.7 and the previous version of Kadence Blocks all worked as expected. Once updating Kadence Block the editor would not open.

This is the case on 3 websites using Kadence Blocks. Two using Imagely 2.0 the other using Weaver Theme

*Login to see link

[George Randy Bass]

George Randy Bass

#265857

Since updating from WP 5.7 TO 5.7.2 I have not been able to edit blocks using Kadence Blocks – Gutenberg Blocks for Page Builder Features.

I also have Kadence Blocks – PRO Extension

Restoring a backup copy of my WordPress site to WP 5.7 and the previous version of Kadence Blocks all worked as expected. Once updating Kadence Block the editor would not open.

This is the case on 3 websites using Kadence Blocks. Two using Imagely 2.0 the other using Weaver Theme

*Login to see link

[Nomad’s Team]

Nomad’s Team

#265855

Hi,

We set “Customizer > Header > Account > Logged Out View > Account Action: Modal Login” on a client’s site.

When you click on the header’s Account link, it shows a modal box in which you enter your credentials. It’s not the Woocommerce Login Form but the original WordPress Login Form here. So, if credentials aren’t valid, you’re redirected to the WordPress login screen while wrong credentials should logically redirect to the WooCommerce Login/Registration Page when you are on a Woocommerce site.

It would be useful to add an option to “Account Action”, in addition to the three that are present (Link, Dropdown Menu, Modal Login) for WooCommerce stores so that the Woocommerce Login Form could be displayed instead of the original WP Login Form here (could be WooCommerce Modal Login for example).

In the Kadence Pro Addons list, we only activated “Header Addons” specially for this custom Account button feature and “WooCommerce Addons” for the “Sticky Add To Cart” bar… Unfortunately both have issues (see this topic for the sticky bar).

So, for now, we deactived the “Sticky Add To Cart” bar and set “Account Action: Link” to the header’s Account Button while waiting for the issues to be solved. These features aren’t essential but we implemented them because we bought a lifetime membership recently so we try to take advantage of it (right now, Kadence Pro Theme is pretty useless on the site considering that we can already do so many things with the free version, which is particularly powerful for a free theme).

It would be nice if you have the time to take a look.
Have a good day.
Estelle

[Nomad’s Team]

Nomad’s Team

#265855

Hi,

We set “Customizer > Header > Account > Logged Out View > Account Action: Modal Login” on a client’s site.

When you click on the header’s Account link, it shows a modal box in which you enter your credentials. It’s not the Woocommerce Login Form but the original WordPress Login Form here. So, if credentials aren’t valid, you’re redirected to the WordPress login screen while wrong credentials should logically redirect to the WooCommerce Login/Registration Page when you are on a Woocommerce site.

It would be useful to add an option to “Account Action”, in addition to the three that are present (Link, Dropdown Menu, Modal Login) for WooCommerce stores so that the Woocommerce Login Form could be displayed instead of the original WP Login Form here (could be WooCommerce Modal Login for example).

In the Kadence Pro Addons list, we only activated “Header Addons” specially for this custom Account button feature and “WooCommerce Addons” for the “Sticky Add To Cart” bar… Unfortunately both have issues (see this topic for the sticky bar).

So, for now, we deactived the “Sticky Add To Cart” bar and set “Account Action: Link” to the header’s Account Button while waiting for the issues to be solved. These features aren’t essential but we implemented them because we bought a lifetime membership recently so we try to take advantage of it (right now, Kadence Pro Theme is pretty useless on the site considering that we can already do so many things with the free version, which is particularly powerful for a free theme).

It would be nice if you have the time to take a look.
Have a good day.
Estelle

[Daniel]

Daniel

#265854

Hi,
I use some category pages (is that an Archive page? when I show all posts for Category A on one page?) on my blog… how can I change the number of columns these are shown in (right now its always 3 rows, eben with sidebar)

Also my homepage goes too “all blog posts”, showing 3 columns… can I change that, too?

It seems I cannot change that in the Customizer, correct?

Must say Kadence Theme (I hadn’t even realized you made a new theme since a few weeks ago) is great and especially super fast…with WP Rocket I get a 98-100 on mobile, even with Cookie consent code, Matomo and esp. Adsense to be sent)

Thank you
Dan

[Daniel]

Daniel

#265854

Hi,
I use some category pages (is that an Archive page? when I show all posts for Category A on one page?) on my blog… how can I change the number of columns these are shown in (right now its always 3 rows, eben with sidebar)

Also my homepage goes too “all blog posts”, showing 3 columns… can I change that, too?

It seems I cannot change that in the Customizer, correct?

Must say Kadence Theme (I hadn’t even realized you made a new theme since a few weeks ago) is great and especially super fast…with WP Rocket I get a 98-100 on mobile, even with Cookie consent code, Matomo and esp. Adsense to be sent)

Thank you
Dan

[chitocamacho]

chitocamacho

#265851

Hi Joost,

On this single post, the code that works is:

.single-post article.post {
    margin-top: 5rem;
}
@media screen and (max-width: 768px) {
    .single-post article.post {
        margin-top: 1px;
    }
}

The below code is for the category pages. https://share.getcloudapp.com/Blu4l9Ly

@media screen and (max-width: 768px) {
.category #primary.content-area {
margin-top: 1px !important;
}
}

Regards,
Chito

[Emily Brandenburg]

Emily Brandenburg

#265850

I am setting up a waitlist page and the Kadence Blocks Form is not working for me. Here is the page: ebdesignagency.com/instagram-guide

I’m also trying to connect the form with MailChimp, and when I enter the API via the Modal settings, that’s not working either.

Are you able to help?

Thanks so much!

-Emily

[Emily Brandenburg]

Emily Brandenburg

#265850

I am setting up a waitlist page and the Kadence Blocks Form is not working for me. Here is the page: ebdesignagency.com/instagram-guide

I’m also trying to connect the form with MailChimp, and when I enter the API via the Modal settings, that’s not working either.

Are you able to help?

Thanks so much!

-Emily

[Emily Brandenburg]

Emily Brandenburg

#265848

Hi there!

I’m creating a waitlist page for a product I’m developing and am using a horizontal graphic for desktop as that looks best, but was wondering if I could show a different image of a vertical graphic on mobile/tablet view? Currently, the horizontal graphic looks awful on mobile view, so I wasn’t sure what could be done about that. Image attached that I would like to display on mobile.

Page I need help with: ebdesignagency.com/instagram-guide

Thanks so much!

[Emily Brandenburg]

Emily Brandenburg

#265848

Hi there!

I’m creating a waitlist page for a product I’m developing and am using a horizontal graphic for desktop as that looks best, but was wondering if I could show a different image of a vertical graphic on mobile/tablet view? Currently, the horizontal graphic looks awful on mobile view, so I wasn’t sure what could be done about that. Image attached that I would like to display on mobile.

Page I need help with: ebdesignagency.com/instagram-guide

Thanks so much!

[jordan.bailey05]

jordan.bailey05

#265835

Hi,

I’m having some issues with my google fonts and a bit stuck as to why.

Using Kadence Theme/Kadence Blocks

Under “Customiser>General>Performance” I have enabled “Load Google Fonts Locally” & “Preload Local Fonts”

Theres 3 font files being loaded on this page:
wp-content/fonts/montserrat/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2
wp-content/fonts/rubik/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-4I-FV0U1.woff2
wp-content/fonts/rubik/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFV0U1.woff2

All roughly the same size – around 19kb each

On the GT Metrix waterfall view, these first two .woff2 files always seem to load within 30-50ms but the last one is usually 300ms+ (Blocking)

I am using LiteSpeed Cache & Quic.cloud CDN.

LiteSpeed Cache:
Page Optimisation > CSS Settings >
Font Display Optimisation – Swap (Available options are Default, Block, Swap, Fallback, Optional)

Page Optimisation > Optimisation >
Load Google Fonts Asynchronously – Off
Remove Google Fonts – Off

I’m not entirely sure why the rubik font has 2 files being loaded and montserrat only one.

Additionally I’ve been googling and trying to figure out the best way to load these fonts without slowing down the page score but am just getting a bit confused honestly.

If anyone can shed any light on this it’d be super appreciated.

[jordan.bailey05]

jordan.bailey05

#265835

Hi,

I’m having some issues with my google fonts and a bit stuck as to why.

Using Kadence Theme/Kadence Blocks

Under “Customiser>General>Performance” I have enabled “Load Google Fonts Locally” & “Preload Local Fonts”

Theres 3 font files being loaded on this page:
wp-content/fonts/montserrat/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2
wp-content/fonts/rubik/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-4I-FV0U1.woff2
wp-content/fonts/rubik/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFV0U1.woff2

All roughly the same size – around 19kb each

On the GT Metrix waterfall view, these first two .woff2 files always seem to load within 30-50ms but the last one is usually 300ms+ (Blocking)

I am using LiteSpeed Cache & Quic.cloud CDN.

LiteSpeed Cache:
Page Optimisation > CSS Settings >
Font Display Optimisation – Swap (Available options are Default, Block, Swap, Fallback, Optional)

Page Optimisation > Optimisation >
Load Google Fonts Asynchronously – Off
Remove Google Fonts – Off

I’m not entirely sure why the rubik font has 2 files being loaded and montserrat only one.

Additionally I’ve been googling and trying to figure out the best way to load these fonts without slowing down the page score but am just getting a bit confused honestly.

If anyone can shed any light on this it’d be super appreciated.

[ALEKSANDR]

ALEKSANDR

#265831

Hi, Abz!

For example, added a new Tabs block to the page. So far it’s working fine. Moving on…

Now let’s added a shortcode from the ARMember plugin to each tab. All works well in the editor, each shortcode is displayed in its own tab.

Open this page in browser and see that all shortcodes (shortcode content) is displayed only on one tab, all together. The other tabs are just empty, only the title of the tab is displayed

[mbouteneff]

mbouteneff

#265822

Hi Team,

I’m realizing now, I was assuming the ‘Starter Templates’ were some kind of ‘child theme’, which they’re not. They’re truly just page templates with pre-created content.

So, it sounds like, if I want to “start from scratch”, I need only delete all the template pages that were created, and create a new page myself. 🙂

Sounds good? Please let me know if I’m missing anything. Cheers!

-M

[jochemkroon]

jochemkroon

#265820

On the blog archive page the “Read more” link below the post summary/description needs a different color.

I can’t find where to adjust that in the settings. It doesn’t seem to be follow the global link settings.

[jochemkroon]

jochemkroon

#265820

On the blog archive page the “Read more” link below the post summary/description needs a different color.

I can’t find where to adjust that in the settings. It doesn’t seem to be follow the global link settings.

[tom.berger]

tom.berger

#265819

It makes no difference, please check this page for instance:

https://www.staging2.websitegecko.com/divi-blog-design/

I added your code:

.single-post article.post {
margin-top: 5rem;
}
@media screen and (max-width: 768px) {
.category #primary.content-area {
margin-top: 1px !important;
}
}

And it still applies this:

`.single-post article.post {
margin-top: 2rem;

To mobile instead of the 1px. Check it out:

[Jamie Andrews]

Jamie Andrews

#265817

How do I add the fancy box class to a page builder button? This is what I currently have and doesn’t work?

<p style=”text-align: center;”>[btn text=”BOOK NOW” border=”2px” link=”*Login to see link class=”fancybox-iframe”  tcolor=”#2c475a” bordercolor=”#2c475a” thovercolor=”#c0da30″ bhovercolor=”#2c475a” size=”large” font=”h1-family” ]</p>

[Jamie Andrews]

Jamie Andrews

#265817

How do I add the fancy box class to a page builder button? This is what I currently have and doesn’t work?

<p style=”text-align: center;”>[btn text=”BOOK NOW” border=”2px” link=”*Login to see link class=”fancybox-iframe”  tcolor=”#2c475a” bordercolor=”#2c475a” thovercolor=”#c0da30″ bhovercolor=”#2c475a” size=”large” font=”h1-family” ]</p>

[joonas.lahtiharju]

joonas.lahtiharju

#265815

I might require a little more advice.

If you need to change the padding for all the base rows, you can use CSS or apply a custom class to specific blocks and target them individually. That would be the best option for you using rows.

It has come to this.

Or, at least I’d need to set the left and right padding for a large amount of blocks. This is what I have tried: Give all “base” Rows a custom class, e.g., “custom-padding”. Add the following code to “Additional CSS”:

.custom-padding > .kt-row-layout-inner >.kt-row-column-wrap {
  padding-left: 24px;
  padding-right: 24px;
}

@media (max-width: 1024px) {
  .custom-padding > .kt-row-layout-inner >.kt-row-column-wrap {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 767px) {
  .custom-padding > .kt-row-layout-inner >.kt-row-column-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}

However, I noticed I cannot override the GUI-filled values. I think this is due to the CSS specificity rules. I manage to set default values or override using “!important”.

Questions:
1. Do the selectors look OK for a generic Kadence theme page using Row layout (with “custom-padding” custom class)? Am I risking breaking something in future updates?
2. To override the GUI-values, should I just go ahead and use !important?

Thanks.

• This reply was modified 4 years, 11 months ago by joonas.lahtiharju.

[Michael]

Michael

#265812

Hey Hannah,

sorry, it is a internal deployment system with no external connect. Attached you find screenshots of the shop-page-settings. If you need more, let me know.

Thanks,
Michael

[Janek]

Janek

#265811

Hi Hannah, Thanks for the tip. I did have my home page set as latest posts in Settings/Your homepage displays, but changed to the theme Home Layout and enabled the latest blog posts widget. This allows a max of 18 blogs and 3 cols (I would prefer 4 cols but 18 does not divide by 4)
I gave that a try and inserted that shortcode into the theme Custom CSS but did not seem to make any difference even when I went incognito with Chrome. Am I doing something wrong? I can give you a login if you want to see as the site is “under construction” at the moment. Thanks, Janek

[Hannah]

Hannah

#265810

Hey,
Sorry about that! Try using the page id rather than the accordion id. Like this:

.page-id-5327 a.accordion-toggle.collapsed h5, .page-id-5327 .panel-heading .accordion-toggle h5 {
    color: #fff;
}

Does that work for you?

Kindly,
Hannah

p.s. Of course. You can continue to ask questions here, you just may get a quicker response time by submitting a ticket.

[Hannah]

Hannah

#265809

Hey Janek,
Thanks for reaching out! Is your homepage set as your latest post page? What do you have the “Blog pages show at most” set to in Settings > Reading?
To randomize your blog posts you can use a shortcode like this: [blog_posts type=”grid” orderby=”rand” columns=”3″ items=”21″]
Hope it helps!

Best,
Hannah