Search Results for 'page+'

[Kim]

Kim

#291515

I am not sure how to explain what I want to do. I have two row layout. Both rows have three columns of different widths.
Attached is an example of what I am working on.

These are currently images within each block. Not background images.

I have a few questions.

#1 What size I need to make the images for each of the three blocks in order for them to line up correctly.

#2 How to I make it so the top row and the bottom row meet in the middle and the images are perfect like they are in my example.

Oddly I have this on 2 different pages and on one page they meet perfectly on the 2nd page there is horizontal spacing that I cannot find.

More importantly, am I better off using background images to keep the images in line on the top and bottom?

Thank you for your time.

[Kim]

Kim

#291515

I am not sure how to explain what I want to do. I have two row layout. Both rows have three columns of different widths.
Attached is an example of what I am working on.

These are currently images within each block. Not background images.

I have a few questions.

#1 What size I need to make the images for each of the three blocks in order for them to line up correctly.

#2 How to I make it so the top row and the bottom row meet in the middle and the images are perfect like they are in my example.

Oddly I have this on 2 different pages and on one page they meet perfectly on the 2nd page there is horizontal spacing that I cannot find.

More importantly, am I better off using background images to keep the images in line on the top and bottom?

Thank you for your time.

[richardcandle]

richardcandle

#291514

Thanks. I was able to fix it with the css below. I guess my real question is: can I or should I create a Shop Page broken out by Categories without using Woocommerce blocks. Seems like the advantages of Woocommerce blocks is they are tightly integrated with Woocommerce. But the disadvantage is you get what you get (until you start overriding css).

/* for product by category mobile */
@media screen and (max-width: 767px) {
	.wc-block-grid__products {
		margin-left: 10px !important; 
		margin-right: 10px !important; 
	}
	.wc-block-grid__product {
    margin-bottom: 80px !important;
  }
}

[richardcandle]

richardcandle

#291504

I want do a simple shop page that shows first all my unisex shirts, then all my women’s shirts. That seems like a job for categories, so I created a woo template for products archive that includes a Products by Category block for unisex and a Products by Category block for women. Looks good enough, until I look at the mobile version which has all the unisex products in a single column with no space between them. Should be no problem, I’ll just … spend a good chunk of a day trying to figure out how to add margins on the mobile version. I could write custom css, but is that really the best way? Or is there a better approach altogether like using elements or something else?

All thoughts are appreciated.

[richardcandle]

richardcandle

#291504

I want do a simple shop page that shows first all my unisex shirts, then all my women’s shirts. That seems like a job for categories, so I created a woo template for products archive that includes a Products by Category block for unisex and a Products by Category block for women. Looks good enough, until I look at the mobile version which has all the unisex products in a single column with no space between them. Should be no problem, I’ll just … spend a good chunk of a day trying to figure out how to add margins on the mobile version. I could write custom css, but is that really the best way? Or is there a better approach altogether like using elements or something else?

All thoughts are appreciated.

[dtwebdesigns.co.za]

dtwebdesigns.co.za

#291486

Good day,

I notice the following error under: ‘Woocommerce – Reports” :
‘kadence/woocommerce/emails/customer-reset-password.php version 4.0.0 is out of date. The core version is 9.3.0’

On the checkout page for my new clients, located in different areas on different IP addresses and devices, they get the following error:

“There was an error processing your order. Please check for any charges in your payment method and review your order history before placing the order again.”

This occurs on the ‘checkout page’ and also bearing in mind this is the first time they are visiting and purchasing a product.

Kindly assist urgently,
Regards

[kerimustanet]

kerimustanet

#291473

Hello; I’m using your free virtue theme. Site url:(Site Url)…Since the place I want to edit is on the search page, here is a sample search page url:(Site sample url)
This

.postlist .img-margin-center img{
display:none;
}

can be made for the featured image, but it does not look good because the content remains in the same place. Thank you for the quick return

• This reply was modified 1 year, 6 months ago by kerimustanet.
• This reply was modified 1 year, 6 months ago by kerimustanet.

[Karla]

Karla

#291470

Hi, Thomas!

I apologize for the delay in getting back to you here.

While our blocks can only help you do this with an image, you can achieve masking videos using custom CSS codes.

1. Add an Image(Adv) block and select the mask you want from the settings. Here’s our block tutorial: https://www.kadencewp.com/help-center/docs/kadence-blocks/advanced-image/#mask-settings

2. Add your video inside a Section block.
3. Add this custom CSS code to the Section block’s Custom CSS setting:

selector > .kt-inside-inner-col {
    -webkit-mask-image: url(https://karla.wppluginsupport.net/wp-content/plugins/kadence-blocks/includes/assets/images/masks/blob3.svg);
    mask-image: url(https://karla.wppluginsupport.net/wp-content/plugins/kadence-blocks/includes/assets/images/masks/blob3.svg);
    -webkit-mask-size: auto;
    mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

4. Inspect the page to copy the mask-image-url from the Image(Adv) block. Watch this video – https://share.zight.com/12ujgyy0

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

[Karla]

Karla

#291469

Hi there!

Glad you reached out to us. I’m here to help.

The placeholder is there to take the space to show the posts’ featured images. Could you send me the page URL from your screenshot? I want to check it further so I can determine if there is a theme setting for it or better come up with a custom CSS code.

[Karla]

Karla

#291467

Hi, David.

No, the sections with images will not appear on the email notifications.

I’ve added this to our feature request page officially. View it here and let me know if you have any other details that you want to add: Add an Image field to the Form(Adv) block

Vote for it too so you’ll get subscribed to the post and receive notifications for any update to it.

Regards,
Karla

[kerimustanet]

kerimustanet

#291466

Hello; I’m using your free virtue theme. When I search in the search section, I want to delete the placeholder area on the left seen in picture number 1. Afterwards, I want to expand the text as shown in picture number 2. I ask for your help because I cannot make a suitable css. Thanks in advance

[kerimustanet]

kerimustanet

#291466

Hello; I’m using your free virtue theme. When I search in the search section, I want to delete the placeholder area on the left seen in picture number 1. Afterwards, I want to expand the text as shown in picture number 2. I ask for your help because I cannot make a suitable css. Thanks in advance

[architabasandrai]

architabasandrai

#291465

Hi @luc-zwirs,

Could you please share the URL of the webpage with us? That way, I can provide you with the appropriate CSS code tailored to your website. You can post using “set as private reply”.

Best Regards,
Archita

[jan-3702]

jan-3702

#291458

Hello,

I created a posts carousel and instead of the standard way to display posts I used a Kadence Content Section Element.
I used this tutorial: *Login to see link

In the Element I use kadence blocks that are not yet used in the page where the carousel is shown. (an icon for instance)
When I look at the source code, the icon block css (/wp-content/plugins/kadence-blocks/dist/style-blocks-icon.css?ver=3.2.54) is loaded at the bottom of the file just before the </body> tag and not in the <head> section where normally block css is loaded.

This creates problems as the css to customize the block (ex: the background color of a stacked icon block) is overwritten with the default css as it is loaded last.

When I add an icon the the page before the carousel then the icon block css is loaded in the <head> and the customizations in the Element are displayed correctly.

This has to be a bug or am I doing something wrong?

[jan-3702]

jan-3702

#291458

Hello,

I created a posts carousel and instead of the standard way to display posts I used a Kadence Content Section Element.
I used this tutorial: *Login to see link

In the Element I use kadence blocks that are not yet used in the page where the carousel is shown. (an icon for instance)
When I look at the source code, the icon block css (/wp-content/plugins/kadence-blocks/dist/style-blocks-icon.css?ver=3.2.54) is loaded at the bottom of the file just before the </body> tag and not in the <head> section where normally block css is loaded.

This creates problems as the css to customize the block (ex: the background color of a stacked icon block) is overwritten with the default css as it is loaded last.

When I add an icon the the page before the carousel then the icon block css is loaded in the <head> and the customizations in the Element are displayed correctly.

This has to be a bug or am I doing something wrong?

[katepickle]

katepickle

#291457

Blog page!!
That was what I was missing, I didn’t realise that option was for the latest posts pag!

Thank you!!

[rick]

rick

#291455

Hi,

The next and previous arrows on the carousel that is shown on each portfolio page doesn’t work. Looks like the link to the portfolio page is overlapping the arrow.

*Login to see link

Can this be fixed with css?

Rick

• This topic was modified 1 year, 6 months ago by rick.

[rick]

rick

#291455

Hi,

The next and previous arrows on the carousel that is shown on each portfolio page doesn’t work. Looks like the link to the portfolio page is overlapping the arrow.

*Login to see link

Can this be fixed with css?

Rick

• This topic was modified 1 year, 6 months ago by rick.

[teejayhidalgo]

teejayhidalgo

#291450

Hi, benjohnston2,

The issue being limited to non-logged-in users indicates that a caching or optimization feature might be responsible, as such features are usually applied only to the public site for non-admin visitors.
 
If I try to view your website prior to it being optimized by LiteSpeed, the page will display correctly. – https://share.zight.com/JruZGBAQ
 
You can also see this using this link: https://www.ben-johnston.co.uk/r-for-seo-part-7-loops/?LSCWP_CTRL=before_optm
 
You can try the troubleshooting steps recommended in this article to see which settings would resolve this issue: https://docs.litespeedtech.com/lscache/lscwp/ts-optimize
 
Let us know how it works out, and we’re happy to offer further help.

Best regards,
Teejay.

[Eze]

Eze

#291449

Hi Kate,

Glad you reached out, happy to help.

You can add a hooked element above the content of your blog page using the following element settings:
– Element Type: Content Section
– Placement: Before Content
– Display Settings: Show On – Blog Page
– User Settings: Visible to – All Users

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

Please have a look at my steps and screencast to see if you missed anything.

I hope this helps! Please feel free to let me know if you need any more help on this.

Cheers,
Eze

[katepickle]

katepickle

#291448

I’m trying to get an element to show above the content on my latest post page (blog page), but I can’t get anything to show.

I can get the element to show on other pages, but not the latest posts page, am I doing something wrong or can you not have elements on your blog page?

This is the page I want to put an element on if it helps – *Login to see link

Thanks

Kate

[katepickle]

katepickle

#291448

I’m trying to get an element to show above the content on my latest post page (blog page), but I can’t get anything to show.

I can get the element to show on other pages, but not the latest posts page, am I doing something wrong or can you not have elements on your blog page?

This is the page I want to put an element on if it helps – *Login to see link

Thanks

Kate

[benjohnston2]

benjohnston2

#291431

Hi,

I’ve recently moved my site over to Kadence. Loving it so far, but I have a weird issue.

When I’m logged in, everything looks fine. However, logged out users see the sidebar pushing down the main content, like the body content is rendered after the sidebar. For example:

I’ve resized the sidebar and resized all the widgets in there a couple of times, but to no avail. I’m a bit stuck here, especially since it doesn’t happen when I’m logged in. Any help appreciated.

For context, the URL in the image is *Login to see link but every post and page does this.

Again, any help appreciated.

[benjohnston2]

benjohnston2

#291431

Hi,

I’ve recently moved my site over to Kadence. Loving it so far, but I have a weird issue.

When I’m logged in, everything looks fine. However, logged out users see the sidebar pushing down the main content, like the body content is rendered after the sidebar. For example:

I’ve resized the sidebar and resized all the widgets in there a couple of times, but to no avail. I’m a bit stuck here, especially since it doesn’t happen when I’m logged in. Any help appreciated.

For context, the URL in the image is *Login to see link but every post and page does this.

Again, any help appreciated.

[chitocamacho]

chitocamacho

#291420

Hey Sara,

Thanks for writing in.

Currently, there’s no option to apply a background image on individual pages.

What you can do is use the Row Layout block and add a background image. Here’s an example: https://share.zight.com/2NuoPekG

You can apply 100VH min height to the Row Layout to fill the entire screen height. This applies to all devices.

Please let me know how I can assist further.

Best,
Chito

[chitocamacho]

chitocamacho

#291419

Hi Rehan,

Thanks for writing in.

Themes have different functionality, and Astra may have features that Kadence does not have or vice versa.

Which compatibility are you concerned about? Any well-coded plugins work well with the Kadence theme. It’s also compatible with the latest version of WordPress.

As for the performance, you can see the feedbacks here:
https://wordpress.org/support/theme/kadence/reviews/

Majority of our users are happy as it is fast and lightweight. However, the theme does not prevent users from creating a slow website. What I mean is, you can install plugins or use custom codes that can slow down your website.

I think there are some Kadence users who also switched from Astra to Kadence in our Facebook page:
https://www.facebook.com/groups/webcreatorcommunity

You are welcome to join the group and post it there to get more insights. 🙂

Please let me know how I can assist further.

Best,
Chito

[vincent.lombard]

vincent.lombard

#291413

Good think,

I won’t try again on my site (i don’t want to restore the lost page if something wrong happens again)

I hope it’s only a wrong manipulation on my side.

Thanks a lot,

Vincent.