Search Results for 'widget '

[galinamf]

galinamf

#263631

Hello!

I have a couple of questions about customizing sidebars in Kadence pro theme.

1. Can you please help me with css selector to change the heading font settings for the sidebar? I also want to be able to change a background of some of the elements inside the sidebar. What css selector should I use?

2. I used Virtue theme and it had lots of widget options for the sidebar. Are there any options similar to Virtue Image menu and Virtue info box in Kadence theme?

3. I dont want to have a sticky sidebar (it adds a scroll to it), but instead I want to let the sidebar behave as always and once the user scrolls page lower than the sidebar content, let the last item in the sidebar (contact widget) remain sticky on the page. Can I use hooked elements to achieve this? Do you have any articles explaining how it works?

Thank you!

[galinamf]

galinamf

#263631

Hello!

I have a couple of questions about customizing sidebars in Kadence pro theme.

1. Can you please help me with css selector to change the heading font settings for the sidebar? I also want to be able to change a background of some of the elements inside the sidebar. What css selector should I use?

2. I used Virtue theme and it had lots of widget options for the sidebar. Are there any options similar to Virtue Image menu and Virtue info box in Kadence theme?

3. I dont want to have a sticky sidebar (it adds a scroll to it), but instead I want to let the sidebar behave as always and once the user scrolls page lower than the sidebar content, let the last item in the sidebar (contact widget) remain sticky on the page. Can I use hooked elements to achieve this? Do you have any articles explaining how it works?

Thank you!

[Hannah]

Hannah

#263620

Hey Vladimir,
Thanks for reaching out! You can use the Filter by Attribute widget. Have you tried this? Or are you envisioning something different?

Kindly,
Hannah

[Nomad’s Team]

Nomad’s Team

#263603

Hi,

The parameter “Customizer > Footer > Footer Bottom > Column/Widget Spacing” doesn’t apply on front when rows are collapsed (no vertical spacing between widgets). The CSS property “grid-row-gap” isn’t generated on the selector “.site-bottom-footer-inner-wrap”.

The parameter works fine for “Footer Top” and “Footer Middle” tho.

Could you take a look?

Thanks!

[Nomad’s Team]

Nomad’s Team

#263603

Hi,

The parameter “Customizer > Footer > Footer Bottom > Column/Widget Spacing” doesn’t apply on front when rows are collapsed (no vertical spacing between widgets). The CSS property “grid-row-gap” isn’t generated on the selector “.site-bottom-footer-inner-wrap”.

The parameter works fine for “Footer Top” and “Footer Middle” tho.

Could you take a look?

Thanks!

[galinamf]

galinamf

#263564

This reply has been marked as private.

[Solace]

Solace

#263548

Hey Ben

Thank you for getting back to me.

Can you explain this more: “the category pages are all displaying posts listed with the “blog_grid” siteorigin widget”. How are you applying a widget to categories and why are you applying a widget to categories?

What I mean by this, is that I have set up a WP page called “Books”, then switched to the siteorigin editor, I’ve added a row, and the shortcode; “[blog_grid orderby=menu_order items=60 columns=2 cat=oldbooks]” – the effect of which means the blog posts for category “oldbooks” show on the page in a grid.

I would like to find a way to highlight the posts that are +7 days old by adding a “new” class to the blog grid title. My previously quoted function works fine on single posts / main blog page, but for some reason it does not work on the “oldbooks” posts displaying in the blog_grid shortcode page.

I suspect that the filter “add_filter(‘post_class’, ‘is_new_post’);” may not be getting applied when they are displayed in a custom blog grid ? I am wondering if there is a filter that I can use e.g. “Kad-before-post-title ” or something like that ?

[Ben Ritner]

Ben Ritner

#263544

Hey,
Can you explain this more: “the category pages are all displaying posts listed with the “blog_grid” siteorigin widget”. How are you applying a widget to categories and why are you applying a widget to categories?

Can you post a link?

Ben

[Mike]

Mike

#263518

I figured out how to do this by using a Layout Builder in the Second Header Widget area and using row margins!

[Mike]

Mike

#263506

I’m using the header layout that presents the logo in the middle with extras on either side and the menu beneath, though I’m not using the menu in this location. You can view the site HERE. I’d like to move the Second Header Widget that’s on the right side of the header to the left, closer to the logo, while leaving everything else in place. Is there any way to do this, perhaps via CSS? Thanks so much!

[Mike]

Mike

#263506

I’m using the header layout that presents the logo in the middle with extras on either side and the menu beneath, though I’m not using the menu in this location. You can view the site HERE. I’d like to move the Second Header Widget that’s on the right side of the header to the left, closer to the logo, while leaving everything else in place. Is there any way to do this, perhaps via CSS? Thanks so much!

[Karla]

Karla

#263439

Hello Chris,

Thank you for reaching out to us and apologies for the delay in getting back to you!

Kindly add this custom CSS code to achieve the look you’re after for the sidebar categories:

.sidebar .widget_categories li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.sidebar .widget_categories li .children {
    width: 100%;
}
.sidebar .widget_categories li a {
    padding-right: 1rem;
    margin-bottom: 0;
}
.sidebar .widget_categories .widget-inner .cat-item a:after {
    position: absolute;
    right: 0;
}

Hope this helps and let us know if we can assist you further.

Regards,
Karla

[Hannah]

Hannah

#263392

Hi John and Jaki,
You can use this css:

.primary-sidebar.widget-area .widget {
    border-bottom: 1px solid #999;
}

In the future please start a new thread as this one has already been marked as resolved.

All the best,
Hannah

[Solace]

Solace

#263368

Hi Ben and Hannah and team

I am using the below code to add a class to a post if it is over 7 days old (so that I can show a “new” badge if the post is new). This works on single post fine, but I can’t get it to work on the archive (categories) pages – it seems these don’t have the same header classes – the category pages are all displaying posts listed with the “blog_grid” siteorigin widget… Any clues how I can get the below to show in these blog grid posts?

` function is_new_post($class) {
global $post;

$id = get_the_ID();
$date = get_the_date( $format, $id );

if( strtotime( $date ) < strtotime( “-7 days” ) ) { // if post is 7 days old or less
$class[] = ‘-NEW’;
} else {
$class[] = ‘-OLD’;
}

return $class;

}
add_filter(‘post_class’, ‘is_new_post’);
`

I think what is happening is that the single posts have an <article> tag that the above is prepending the new class to, but with the blog grid, there is no <article> tag, only “class=”entry-title”

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

[Solace]

Solace

#263368

Hi Ben and Hannah and team

I am using the below code to add a class to a post if it is over 7 days old (so that I can show a “new” badge if the post is new). This works on single post fine, but I can’t get it to work on the archive (categories) pages – it seems these don’t have the same header classes – the category pages are all displaying posts listed with the “blog_grid” siteorigin widget… Any clues how I can get the below to show in these blog grid posts?

` function is_new_post($class) {
global $post;

$id = get_the_ID();
$date = get_the_date( $format, $id );

if( strtotime( $date ) < strtotime( “-7 days” ) ) { // if post is 7 days old or less
$class[] = ‘-NEW’;
} else {
$class[] = ‘-OLD’;
}

return $class;

}
add_filter(‘post_class’, ‘is_new_post’);
`

I think what is happening is that the single posts have an <article> tag that the above is prepending the new class to, but with the blog grid, there is no <article> tag, only “class=”entry-title”

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

[Marco Carvajal]

Marco Carvajal

#263309

I just started to use Kandence Pro.
I installed one of the Starter Templates (Print Store G02), but after installing the template the MENU looks different from the original template, and also the footer is different. There are no visible widgets in the footer and also the footer doesn’t have the original dark background. The top menu looks different, and the top bar is not visible. Also there are other format elements that look different.

What should I do to make it look the same, so I can start to customize it from there?
Could this have something to do with the fact that I use Word Press Multi Site?
I also tested importing other templates and the same issue happens.

You can see the website live here:
*Login to see link

Thanks,

Marco

[Marco Carvajal]

Marco Carvajal

#263309

I just started to use Kandence Pro.
I installed one of the Starter Templates (Print Store G02), but after installing the template the MENU looks different from the original template, and also the footer is different. There are no visible widgets in the footer and also the footer doesn’t have the original dark background. The top menu looks different, and the top bar is not visible. Also there are other format elements that look different.

What should I do to make it look the same, so I can start to customize it from there?
Could this have something to do with the fact that I use Word Press Multi Site?
I also tested importing other templates and the same issue happens.

You can see the website live here:
*Login to see link

Thanks,

Marco

[Chris Savage]

Chris Savage

#263293

I am going to assume that the Categories widget I am using is not part of the Virtue Theme simply because it doesn’t say, “Virtue” on it. I was using it with Virtue on my previous host and had some issues which were resolved here in another thread.

Here’s what it looked like after getting help here. I went back and tried the same thing and for some reason it is not working. I am assuming it has to do with changes to WordPress? In any event, this is how it looks now…

Is there a way to fix this? Is there a Virtue category widget (or other virtue widgets, for that matter) that I may not have installed?

[Chris Savage]

Chris Savage

#263293

I am going to assume that the Categories widget I am using is not part of the Virtue Theme simply because it doesn’t say, “Virtue” on it. I was using it with Virtue on my previous host and had some issues which were resolved here in another thread.

Here’s what it looked like after getting help here. I went back and tried the same thing and for some reason it is not working. I am assuming it has to do with changes to WordPress? In any event, this is how it looks now…

Is there a way to fix this? Is there a Virtue category widget (or other virtue widgets, for that matter) that I may not have installed?

[John and Jaki Brown]

John and Jaki Brown

#263288

Hi Hannah, Clayton and Ben,

Is there a way to update the CSS Code so that we can add a 1px line at the bottom of each section.

Please see the enclosed screenshot.

.primary-sidebar.widget-area .widget {
background: #e9f0f0;
padding: 10px;
}

Thanks very much for all your help once again.

John and |Jaki

[Andrew Knight]

Andrew Knight

#263274

I have a logo in the header, with the formatting options and link to the home page etc. I would like to put the same in the footer. Is it possible to do this?
Currently I have an image widget. But there are no format options to set the spacing. And no link to the home page. I could achieve all this with an HTML widget and some css I imagine, but it would be nice to be able to do it from the customiser.

[Andrew Knight]

Andrew Knight

#263274

I have a logo in the header, with the formatting options and link to the home page etc. I would like to put the same in the footer. Is it possible to do this?
Currently I have an image widget. But there are no format options to set the spacing. And no link to the home page. I could achieve all this with an HTML widget and some css I imagine, but it would be nice to be able to do it from the customiser.

[Marco Carvajal]

Marco Carvajal

#263265

I just started to use Kandence Pro.
I installed one of the Starter Templates (Print Store G02), but after installing the template the MENU looks different from the original template, and also the footer is different. There are no visible widgets in the footer and also the footer doesn’t have the original dark background. The top menu looks different, and the top bar is not visible. Also there are other format elements that look different.

What should I do to make it look the same, so I can start to customize it from there?
Could this have something to do with the fact that I use Word Press Multi Site?

You can see the website live here:
*Login to see link

Thanks,

Marco

[Marco Carvajal]

Marco Carvajal

#263265

I just started to use Kandence Pro.
I installed one of the Starter Templates (Print Store G02), but after installing the template the MENU looks different from the original template, and also the footer is different. There are no visible widgets in the footer and also the footer doesn’t have the original dark background. The top menu looks different, and the top bar is not visible. Also there are other format elements that look different.

What should I do to make it look the same, so I can start to customize it from there?
Could this have something to do with the fact that I use Word Press Multi Site?

You can see the website live here:
*Login to see link

Thanks,

Marco

[Robert]

Robert

#263261

Hello!

I love Ascend Pro and Kadence Pro themes. Both are great. 🙂

In Ascend I can find Ascend Image (in widgets). But I missed Kadence Block for Image in Kadence Theme. I can find only Image Block from WordPress, but this image block don’t have much options like animation, shadow etc.

Did I missed something in block for this image option?

Thanks.

Best regards,

R.

[Robert]

Robert

#263261

Hello!

I love Ascend Pro and Kadence Pro themes. Both are great. 🙂

In Ascend I can find Ascend Image (in widgets). But I missed Kadence Block for Image in Kadence Theme. I can find only Image Block from WordPress, but this image block don’t have much options like animation, shadow etc.

Did I missed something in block for this image option?

Thanks.

Best regards,

R.

[Nima]

Nima

#263208

Hi,

I need to have WooCommerce product on the home page based on product category. I couldn’t find a way in the theme settings or widgets to do that. So I used YITH WooCommerce Product Slider Carousel Plugin.
The problem is that when I add the shortcode to the home page, an empty row appears (products are not visible!). After checking the CSS I found out that for some unknown reasons, Opacity is 0 for the product slider!
I had to add these in order to see the products on the page:

.ywcps-slider .ywcps-products .hidetheaction {
opacity: 1!important;
width: max-content !important;
}
.woocommerce .ywcps-wrapper ul.products {
margin: inherit !important;
}
.ywcps-products .kt-product-intrinsic img {
max-width: 96% !important;
height: fit-content !important;
}
.ywcps-products .product_item .kad-product-flipper.kt-product-intrinsic {
max-width: 97% !important;
}

Now it looks normal only on wide screens (above 1200px).

Is there anyway to fix this to work normally on all the screen sizes? Or I should set CSS rules for all the different sizes separately?

Thanks,
Nima

[Nima]

Nima

#263208

Hi,

I need to have WooCommerce product on the home page based on product category. I couldn’t find a way in the theme settings or widgets to do that. So I used YITH WooCommerce Product Slider Carousel Plugin.
The problem is that when I add the shortcode to the home page, an empty row appears (products are not visible!). After checking the CSS I found out that for some unknown reasons, Opacity is 0 for the product slider!
I had to add these in order to see the products on the page:

.ywcps-slider .ywcps-products .hidetheaction {
opacity: 1!important;
width: max-content !important;
}
.woocommerce .ywcps-wrapper ul.products {
margin: inherit !important;
}
.ywcps-products .kt-product-intrinsic img {
max-width: 96% !important;
height: fit-content !important;
}
.ywcps-products .product_item .kad-product-flipper.kt-product-intrinsic {
max-width: 97% !important;
}

Now it looks normal only on wide screens (above 1200px).

Is there anyway to fix this to work normally on all the screen sizes? Or I should set CSS rules for all the different sizes separately?

Thanks,
Nima

[Karla]

Karla

#263146

Hello Guido,

If you only want to change the border for the homepage panel widgets, please change the custom CSS code that Hannah gave to this:

.home .panel-widget-style {
    border: 3px solid #ededed !important;
}
.home .panel-widget-style.panel-row-style.panel-row-style-for-8-8 {
    border: 0 !important;
}

Hope this helps and let us know if we can assist you further.

Regards,
Karla

[FRANK]

FRANK

#263136

Hello,

On my site sevenlocs.com in the above Footer Widget Area I have the email sign up form with email only. I just realized that the imput box is white and the text is white as well. How can I change this so that the text imput is black and visible?

Can I post my mailchimp code so that you can let me know what I need to change on my end?

[FRANK]

FRANK

#263136

Hello,

On my site sevenlocs.com in the above Footer Widget Area I have the email sign up form with email only. I just realized that the imput box is white and the text is white as well. How can I change this so that the text imput is black and visible?

Can I post my mailchimp code so that you can let me know what I need to change on my end?