Search Results for 'page+'

[chitocamacho]

chitocamacho

#287122

Hi Antar,

The goal of WordPress is to have the editor and frontend the same look.

You can use a code snippet to apply a style in the admin area. For example, the below code changes the post/page title color:

add_action( 'admin_head', function() {
?>
	<style>
		.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper h1{
			color: red
		}
	</style>
<?php
});

Tick the “Only run in administration area” option. See screenshot: https://share.zight.com/bLuQGxEL

Let me know if you need further assistance.

Best,
Chito

[Bonn]

Bonn

#287118

Hi Richard,

In the old Kadence Block Form, you can use these shortcodes:

{page_title} = Current page title
{page_url} = Current Page URL
{remoteip} = User’s IP

Currently, this will not work on the new Form (Adv) block.

I will forward this to our development team to see if they can add this in the future.

Hope this helps.

Let us know if we can help you further.

[teejayhidalgo]

teejayhidalgo

#287115

Hi Michelle,

Currently, there is no option to change the colors for the pagination of the Posts Grid/Carousel block. The colors mostly depend on the global palette of the theme.

You can adjust the colors by adding a custom CSS in Appearance > Customize > Additional CSS:

/* Current Pagination Page */
.kt-blocks-page-nav .nav-links>.current{
background: #000019;
}
/* Pagination numbers */
.kt-blocks-page-nav .nav-links>a, .kt-blocks-page-nav .nav-links>span{
background: #000019;
}

​Here’s a screen recording for reference: https://share.getcloudapp.com/7KunyAlz

I would also like to note that there is also a new Query Loop (Adv) block. This will allow you to add a pagination that you can customize.

​Here’s a screen recording for reference: https://share.getcloudapp.com/2Nu9rPDW

I hope this helps. If you have further questions, please let us know; we’ll be happy to help.

Best regards,
Teejay.

[teejayhidalgo]

teejayhidalgo

#287111

Hi there,

The Kadence Modal block can have multiple triggers. This is done by adding the modal-trigger class name and the custom open ID as the link.

​Here’s a screen recording for reference: https://share.getcloudapp.com/X6uXDbQw

From what I understand, you are trying to create/use a custom JS that opens the modal. The effectiveness of this will depend on the JS itself. You will need to be able to replicate the same functionalities of the script responsible for triggering the Modal block.

Can you send us the link to the website or page where you are trying to do this? Can you also send the JavaScript? If possible, please provide some screenshots, screen recordings, and additional descriptions that may help us see or replicate what you are trying to do.

You can try apps like https://zight.com/ to record your screen or capture screenshots and easily share the links with us.
You can try using https://pastebin.com/ to share the script.

Please let us know; we’ll be happy to help.

Best regards,
Teejay.

[Eze]

Eze

#287107

Hi Ann,

Thank you for reaching out.

There is no built-in feature to increase the number of WooCommerce Related Products Columns, but you can achieve this using this custom function:

function king_custom_related_products_columns( $args ){

    $columns = absint( Kadence\kadence()->option( 'product_related_columns' ) );
    $args['posts_per_page'] = 8;
    $args['columns'] = $columns;

    return $args;
}

function king_change_related_products(){

    if ( class_exists( 'Kadence\Theme' ) ){

        $kadence_theme_class = Kadence\Theme::instance();        
        remove_filter( 'woocommerce_output_related_products_args', array( $kadence_theme_class->components['woocommerce'], 'related_products_columns' ), 20 );
        add_filter( 'woocommerce_output_related_products_args', 'king_custom_related_products_columns' );       
    }
}

add_action( 'init', 'king_change_related_products' );

Here is how to add a custom function with Code Snippets Plugin:
https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-add-a-custom-filter-or-function-with-code-snippets/

Watch this demo screencast of what happens when the custom function code is added to your website:
https://share.zight.com/6quXLYKz

Change the 8 in $args['posts_per_page'] = 8; to 5 or 6.

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

Cheers,
Eze

[Karla]

Karla

#287104

Hi, @pixsmiths.co.uk!

I’m sorry for the delay in getting back to you.

The Kadence Blocks plugin will work with the Gutenberg editor (the default block editor of WordPress). If you’re using another plugin for content/page building, then the blocks will not be available for use.

Here’s a post for the Kadence Blocks plugin to help you use it – https://www.kadencewp.com/kadence-blocks/

I hope this clarifies and let us know if we can help you further.

Kind regards,
Karla

[Karla]

Karla

#287100

Hi there!

I’m sorry for the delay in getting back to you.

I saw that you’re using the Kadence theme on this website. Kindly open a ticket on this forum next time – https://www.kadencewp.com/support-forums/forum/kadence-theme/

The gap between the header and content area is what we call the “content top & bottom spacing” or “content vertical padding”. You can disable this in two places:

• Globally – Customize > General > Layout and set the “Content Top and Bottom Spacing” to 0.
• For a specific page or post – DISABLE the “Content Vertical Padding” via the Page Settings (https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-setup-page-post-settings/)

I hope this helps, and let us know if we can help you further.

Regards,
Karla

[Karla]

Karla

#287098

Hi, @Robert!

There’s no option for the page title’s alignment. However, you can add this to your website’s Customize > Additional CSS to make the titles show in the middle:

.page-header .entry-title {
    text-align: center;
}

I’m sorry for the delay in getting back to you here too. There has been an influx of tickets recently. If you need more help with premium or pro plugins, please submit a support ticket on this page – Premium Support.

Regards,
Karla

[esridley96]

esridley96

#287095

Hi Kadence-ers!

Coming in with a question I have been trying to resolve, on and off, for a couple of weeks. I do some web designing, and in designing a site for a good friend, we agreed to have his home page with portfolio projects be in the form of picture bars with a link to the project page. When hovered over, we want the pictures to be 50% opaque with the title of the project appearing over the middle picture, similar to this for example:

What I have currently is this (unhovered first, then hovered second):

Using this format for each linked row of pictures:

That is where my problem lies. I know the advanced Image Overlay block would solve this, but at this time the cost is a bit prohibitive just for one part of one website, although as I continue to grow, I will of course support Kadence by purchasing the Pro package down the road. In the meantime, I have tried many custom HTML/CSS combinations and even mixing up the Z-index of the elements to little avail; once I did get it to work using a suggestion from this forum, but somehow slowed the website down to a crawl just to load the home page. I am wondering if anyone has potential solutions for this with just the base Kadence Blocks: would I need to use a cover for the middle picture to add the text? Humbly hoping for some direction on what CSS to use and for which element. Any help would be so, so appreciated!

Cheers!

[esridley96]

esridley96

#287095

Hi Kadence-ers!

Coming in with a question I have been trying to resolve, on and off, for a couple of weeks. I do some web designing, and in designing a site for a good friend, we agreed to have his home page with portfolio projects be in the form of picture bars with a link to the project page. When hovered over, we want the pictures to be 50% opaque with the title of the project appearing over the middle picture, similar to this for example:

What I have currently is this (unhovered first, then hovered second):

Using this format for each linked row of pictures:

That is where my problem lies. I know the advanced Image Overlay block would solve this, but at this time the cost is a bit prohibitive just for one part of one website, although as I continue to grow, I will of course support Kadence by purchasing the Pro package down the road. In the meantime, I have tried many custom HTML/CSS combinations and even mixing up the Z-index of the elements to little avail; once I did get it to work using a suggestion from this forum, but somehow slowed the website down to a crawl just to load the home page. I am wondering if anyone has potential solutions for this with just the base Kadence Blocks: would I need to use a cover for the middle picture to add the text? Humbly hoping for some direction on what CSS to use and for which element. Any help would be so, so appreciated!

Cheers!

[ann]

ann

#287093

Is it possible to adjust the Woo-Related Products gallery below the Single Product page to 5 or 6 products (instead of 4)? As they are now they are way too big and detract from the main image of the product focus. (This is for the desktop view only).

If there is css code I can use now, would appreciate it. Code to reduce the size of the 4 now or increase the amount of products.
Thks.

[ann]

ann

#287093

Is it possible to adjust the Woo-Related Products gallery below the Single Product page to 5 or 6 products (instead of 4)? As they are now they are way too big and detract from the main image of the product focus. (This is for the desktop view only).

If there is css code I can use now, would appreciate it. Code to reduce the size of the 4 now or increase the amount of products.
Thks.

[architabasandrai]

architabasandrai

#287088

Hi Ashley,

A good starting point for your WordPress featured image size is 1200 x 628 pixels. These dimensions tend to work well across WordPress themes and page layouts, and also look good when shared on social media feeds.

Also, when you upload an image, WordPress automatically creates different-sized versions of it, including the original image. You might find this article helpful as it discusses the different WordPress image sizes: https://enginescout.com.au/wordpress-image-sizes/

As a general rule for pages/posts, we recommend you upload images at least 1600px x 1600px, but not larger than 3000px x 3000px. For more information, you may refer to our article: https://www.kadencewp.com/blog/best-practices-for-images-sizes-and-optimization-in-wordpress/

Additionally, if you want to know the image dimensions used in a site, you can inspect the elements and look for the intrinsic size of the image src.

I hope this helps. Let us know if we can assist you further.

Best Regards,
Archita

[Anonymous]

Anonymous

#287082

Hi there,

Sorry to hear about that.

I tried to replicate that on my test website but I experience no issue with the Kadence Galleries. See this recording: https://www.loom.com/share/5f2f81e753ab4dc1aed0f2c5f06301be

I’m looking at your page and noticed a syntax error on your browser console: https://imghostr.com/d094f8_w9b

Also, I checked the version you are using and it seems like you are using an old version of the plugin: https://imghostr.com/408870_7f3

Just to confirm, are you using the 1.2.6 version of the Kadence Galleries plugin? Can you update to the latest and see if that fixes the issue? The current version is 1.3.1.

Also, you can also submit a support ticket via these channels.

Free Users: https://www.kadencewp.com/free-support-tickets/
Premium Users: https://www.kadencewp.com/premium-support-tickets/

We appreciate your continued patience and understanding regarding this matter.

Let us know if we can assist you further.

Kind Regards,
Michael Taro

[Robert]

Robert

#287072

How can I center my h1 tags on the pages in virtue premium ?

[muhammadkhalid3188]

muhammadkhalid3188

#287067

Hi
I am using Kadence Galleries Plugin (*Login to see link but its not loading on page , *Login to see link it shows loading and loading.

Is there any solution to this problem.

Thnx

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

[muhammadkhalid3188]

muhammadkhalid3188

#287067

Hi
I am using Kadence Galleries Plugin (*Login to see link but its not loading on page , *Login to see link it shows loading and loading.

Is there any solution to this problem.

Thnx

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

[admin112]

admin112

#287066

Hi,

I would like to embed an interactive tableau dashboard to a webpage pf my website. I tried to copy and paste the tableau embed code to paragraph block but that did not work. When I preview the page, the code appears as plain text.

Please guide what steps I can do.

Thanks
Yogi

[admin112]

admin112

#287066

Hi,

I would like to embed an interactive tableau dashboard to a webpage pf my website. I tried to copy and paste the tableau embed code to paragraph block but that did not work. When I preview the page, the code appears as plain text.

Please guide what steps I can do.

Thanks
Yogi

[victormonk]

victormonk

#287060

Hey Damian,

Thanks for reaching out. Are you referring to the White Space below the Header? This is the Content Vertical Padding. You can remove it in the Customizer -> Posts/Pages Layout. You can select a Single Post, Page, or Archive Layout depending on which page type this occurs on. You can pick the corresponding option and find the Content Vertical Padding option. You can set the Content Vertical Padding to either Disabled or Bottom Only to remove it.

Here is a video for reference: https://share.zight.com/d5u2zd7Y

I hope this information was helpful to you. Please let us know if we can further help.

[David Porter]

David Porter

#287055

Hi everyone,
I’m testing out query Loop (adv) for the first time, and have it working nicely on an ACF CPT with some custom fields.
I place the post title in the block, but it is not clickable.
I can’t see anywhere to make it link to the single page for that entry?
TIA, Dave

[David Porter]

David Porter

#287055

Hi everyone,
I’m testing out query Loop (adv) for the first time, and have it working nicely on an ACF CPT with some custom fields.
I place the post title in the block, but it is not clickable.
I can’t see anywhere to make it link to the single page for that entry?
TIA, Dave

[ideal54606]

ideal54606

#287051

I am using the Kadence theme and Kadence Blocks Premium. I am designing a page using the post grid, but when I turn on pagination, it doesn’t provide me with an option to customize the color according to my preference. Could you please guide me on how to change the color of pagination for my website: https://mycapcutapks.com/ ?

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

[ann]

ann

#287049

Check the setting of “General/Layout”

Look for “Content Vertical Padding” and “Disable” should remove the extra spacing in the header.

Check the other page layout templates (Posts/Pages) for the same “Vertical Padding” setting.

[chad]

chad

#287046

Hi KTeam,

I am finally starting to migrate over to the Kadence theme from Ascend and have run into a huge issue, at least for me it is and I can’t seem to find the answer here.

In Ascend I was able to change page the page title output in theme options from an H1 tag to a SPAN tag or anything else for that matter but I cannot find this setting in the Kadence Theme. Can you point me in the direction of how to fix this issue? I am converting a site I built 5 years ago with Ascend that has 97 pages and posts and they all have the H1 in the content and the page titles were SPAN tags.

I appreciate your time and help with this.
Chad

[chad]

chad

#287046

Hi KTeam,

I am finally starting to migrate over to the Kadence theme from Ascend and have run into a huge issue, at least for me it is and I can’t seem to find the answer here.

In Ascend I was able to change page the page title output in theme options from an H1 tag to a SPAN tag or anything else for that matter but I cannot find this setting in the Kadence Theme. Can you point me in the direction of how to fix this issue? I am converting a site I built 5 years ago with Ascend that has 97 pages and posts and they all have the H1 in the content and the page titles were SPAN tags.

I appreciate your time and help with this.
Chad