Search Results for 'widget '

[Angel]

Angel

#263923

Hi Hannah,
thanks for your answer.
I’ve just disabled the password protected URL, so now you should be able to login wordpress test site with user and password privided.
About Slider Revolution version, it’s 5.2.6.

By the way, have you read my last post about the sticky header?:

Hi again,
I’ve been able to do some more tests and I’ve found the issue is caused by the sticky header. When I disable it then everything works fine.
Can you please take a look at this issue?
Let me know if you need anything else.
Thanks in advance.
Anahí

I’ve noticed that everything works fine when sticky header is disabled and issue appears again when enabled. Based on a test I made, I think that the first widget that appears at the very beggining of the page never shows correctly with sticky bar enabled, because issue happens whether it is hero header or a slider revolution (both fullwidth).

Please, let me know if you need anything else.
Thanks!
Anahí

[Hannah]

Hannah

#263892

Hi Alison,
You can use a shortcode like this: [portfolio_posts orderby=date excerpt=false columns=4 items=50 height=200 lightbox=true showtypes=true cat=photos]
Just paste that into your static homepage or into a text widget within the home widget area.
Hope it helps!

Kindly,
Hannah

[Angel]

Angel

#263890

Hi!

​I have updated my site from WordPress 5.5.3 to 5.6.2 and found some problems with some parts of the pages that are not showing fullwidth as before. Specifically, hero headers and Slider Revolution. These problems only happen on Chrome and Edge, Firefox is ok.

I have set up a test site for you to see the problems and you can login if you need it in order to investigate the issue. I left production site without updating, I mean, it still runs WordPress 5.5.3. Test site is updated to WordPress 5.6.2. Also seen some errors in browser console for the test site that are not there for production site.

Have tested these widgets (hero headers and Slider Revolution) with same configuration on another theme (your Pinnacle free theme) and work fine so I thought it could be some kind of bug with Virtue Premium theme, and that’s why I’m contacting you.

I also deduced the problems show up in the moment wordpress version is updated. I’ve updated theme and plugins before updating wordpress version and everything was fine. Only when I updated wordpress version, problems appeared.

I attach some screenshots where you can see same pages on test and production sites, so you can see the behaviour differences between WordPress versions.

I’ll post a private message with link, user and password for you test the issue.

Thanks!

Anahí

[Angel]

Angel

#263890

Hi!

​I have updated my site from WordPress 5.5.3 to 5.6.2 and found some problems with some parts of the pages that are not showing fullwidth as before. Specifically, hero headers and Slider Revolution. These problems only happen on Chrome and Edge, Firefox is ok.

I have set up a test site for you to see the problems and you can login if you need it in order to investigate the issue. I left production site without updating, I mean, it still runs WordPress 5.5.3. Test site is updated to WordPress 5.6.2. Also seen some errors in browser console for the test site that are not there for production site.

Have tested these widgets (hero headers and Slider Revolution) with same configuration on another theme (your Pinnacle free theme) and work fine so I thought it could be some kind of bug with Virtue Premium theme, and that’s why I’m contacting you.

I also deduced the problems show up in the moment wordpress version is updated. I’ve updated theme and plugins before updating wordpress version and everything was fine. Only when I updated wordpress version, problems appeared.

I attach some screenshots where you can see same pages on test and production sites, so you can see the behaviour differences between WordPress versions.

I’ll post a private message with link, user and password for you test the issue.

Thanks!

Anahí

[HB-Fab]

HB-Fab

#263883

Hello Ben,
Thanks for your answer!
I would like to add my custom file called date-du-concert with the texte “Concert du” before.
here is my line 529

this code works, but when it’s in the child theme (child>….>lib>widget.php) this php page isn’t used by wp…
Thanks!

[Hannah]

Hannah

#263865

Hey,
Are you referring to the split content widget? You should see this in Appearance > Widgets. Let me know if that is not the case for you.

Kindly,
Hannah

[Hannah]

Hannah

#263850

I’m not seeing the css in your code. Have you cleared your cache since adding it?
The CSS is specific to mobile so you shouldn’t need a media query, but you can try this:

@media (max-width: 768px) {
.mfp-slide #kt-mobile-menu, .mfp-slide #kt-mobile-cart, .mfp-slide #kt-mobile-account {
    background: #fff;
}
.pop-modal-body .kt-woo-account-nav .kad-customer-name h5, .pop-modal-body .kt-woo-account-nav a, .pop-modal-body ul.product_list_widget li a:not(.remove), .pop-modal-body ul.product_list_widget {
    color: #333;
}
}

Let me know when you’ve added that.

Kindly,
Hannah

[HB-Fab]

HB-Fab

#263804

Hello Hannah,
Thanks for your answer! no problem.
I want to add in lib/widgets.php a text before the php element.
It works in the correction of the parent theme, but not in the child…

Thanks for your help
Regards
Fab

• This reply was modified 5 years, 2 months ago by HB-Fab.

[Karla]

Karla

#263765

Hello Stephen,

Thank you for reaching out to us.

Unfortunately, the topbar settings do not have a built-in option to adjust the width and by default, the Topbar is divided into 2 columns. You can add this custom CSS to make your right widget area’s width 100%:

.kad-topbar-height {
    display: block;
}

.kt-topbar-right {
    width: 100%;
}

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

Regards,
Karla

[Hannah]

Hannah

#263724

Hey,
Thanks for reaching out!
1. You can use this css:

.primary-sidebar.widget-area .widget-title {
    font-size: 20px;
    font-family: sans-serif;
}

2. Kadence doesn’t add widgets as our other themes do, but you can use a plugin like which allows you to build a reusable block but then add it to a page via a shortcode:https://wordpress.org/plugins/reusable-blocks-extended/

3. This post explains a way to do this: https://www.wpbeginner.com/plugins/how-to-create-a-sticky-floating-sidebar-widget-in-wordpress/

Hope that’s helpful!

Hannah

[HB-Fab]

HB-Fab

#263718

Hello Everybody,

I’m using Virtue as a child theme. I changed a couple of pages within the child theme process, everything is perfect!
But I can’t modify the file widgets.php. it’s located in /lib/widgets.php.
It appears that the child subfolder “lib” doesn’t override the parent subfolder.
Is there any idea to make a correction in this php?
Any add_action to add to the function file?

Thanks for your help!

[HB-Fab]

HB-Fab

#263718

Hello Everybody,

I’m using Virtue as a child theme. I changed a couple of pages within the child theme process, everything is perfect!
But I can’t modify the file widgets.php. it’s located in /lib/widgets.php.
It appears that the child subfolder “lib” doesn’t override the parent subfolder.
Is there any idea to make a correction in this php?
Any add_action to add to the function file?

Thanks for your help!

[chitocamacho]

chitocamacho

#263710

Hello,

I just thought you did not want to show your sidebar on mobile in your original question – “Is it possible to show the sidebar for tablet – but to not display the sidebar in mobile?”

This code – @media (max-width: 768px) {.widget-area { display: none; } } hides the sidebar in your mobile. 768px is the breakpoint for mobile in Kadence theme.

Thank you, by the way, for sending an image for the actual looks of your site at every breakpoint.

For the tablet:

@media screen and (max-width: 1024px){
.has-sidebar .content-container.site-container{
display: grid;
grid-template-columns: 5fr 2fr;
grid-gap: var(–global-xl-spacing);
justify-content: center;
}
}
For mobile:

@media screen and (max-width: 768px){
.has-sidebar .content-container.site-container{
display:block;
}
}

Let me know how it goes.

Regards,
Chito

[gisgeograph]

gisgeograph

#263709

I appreciate the response. Here is an image of what I am trying to do. I would like the sidebar to stay on the right side of the page in the desktop and tablet.

This code –

@media (max-width: 768px) {.widget-area { display: none; } }

Just says says the widget area to disappear if the screen size is smaller than 768 pixels

[Karla]

Karla

#263703

Hello Pawel,

Thank you for reaching out to us.

Let me confirm if I understand your question right – you want to show a second different logo on the bottom row of the header only when it is already sticky? If that is the case, instead of using an HTML header item, I would recommend using Widget Area with an Image widget added. Afterward, add this custom CSS code in Customizer > Additional CSS:

.site-bottom-header-wrap .site-header-row-container-inner {
    display: none;
}

.site-bottom-header-wrap.item-is-stuck .site-header-row-container-inner {
    display: block;
}

Here’s the result for your reference – https://www.loom.com/share/e3ec7d9ec5084e44afbe3b77ca845c30

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

Regards,
Karla

[Karla]

Karla

#263702

Hello Sharon,

Thank you for reaching out to us.

Unfortunately, if you’re using the Modal block of the Kadence Blocks plugin, there is no option to automatically show it on page load. You’ll either need to use its button trigger or a custom open link trigger. For the popup that you want, you may want to take a look at the Kadence Widget Dock plugin.

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

Regards,
Karla

[chitocamacho]

chitocamacho

#263691

Hi,

For the pages, set your Default Page Layout in Appearance > Customize > Page Layout. See – https://share.getcloudapp.com/kpu76ZRJ.

For blog posts, set your Default Post Layout in Appearance > Customize > Blog Posts > Single Post Layout. See – https://share.getcloudapp.com/12uoPlQ8.

These steps will display your sidebar in desktop down to mobile view.

To hide it in mobile view, add this CSS code:

@media (max-width: 768px) {.widget-area { display: none; } }

Let me know how it goes.

Regards,
Chito

[Stephen]

Stephen

#263681

Hello! Is there a way to adjust the width of the topbar widget area so that the text in the buttons doesn’t wrap? I was looking for a way to adjust the column width but am not seeing it in the css.

*Login to see link

[Stephen]

Stephen

#263681

Hello! Is there a way to adjust the width of the topbar widget area so that the text in the buttons doesn’t wrap? I was looking for a way to adjust the column width but am not seeing it in the css.

*Login to see link

[gisgeograph]

gisgeograph

#263680

Hi Chito

Thank for the response.

I followed the steps.

But I want the desktop and tablet to be the same. I would like the sidebar widget on the right side in both the desktop or tablet view.

[Hannah]

Hannah

#263669

Hi Pamela,
Try using this css:

.mfp-slide #kt-mobile-menu, .mfp-slide #kt-mobile-cart, .mfp-slide #kt-mobile-account {
    background: #fff;
}
.pop-modal-body .kt-woo-account-nav .kad-customer-name h5, .pop-modal-body .kt-woo-account-nav a, .pop-modal-body ul.product_list_widget li a:not(.remove), .pop-modal-body ul.product_list_widget {
    color: #333;
}

How does that work for you?

Kindly,
Hannah

[chitocamacho]

chitocamacho

#263662

Hello,

If you set it visible in the desktop view by doing this – https://share.getcloudapp.com/nOulvx2e, you’d be able to see it in tablet and mobile view as well.

However, if you’d want to hide it in the desktop view, you need to add this CSS – https://share.getcloudapp.com/12uovYYR, and it will leave a blank space that’s supposed to be for the sidebar.

I’ve made a screencast to show you how exactly it will look like – https://www.loom.com/share/91378085f9b2480daf59b4695610e5bd.

These are the CSS codes you need:
.widget-area {display: none;}

@media (max-width: 1024px) {.widget-area { display: block; } }

@media (max-width: 768px) {.widget-area { display: none; } }

Let me know if this is what you want to achieve.

Regards,
Chito

[chitocamacho]

chitocamacho

#263643

Hello there,

Yes, it is possible. To hide the sidebar in mobile view, paste the code below in Appearance > Customize > Additional CSS

@media (max-width: 768px) { .widget-area { display: none; } }

Regards,
Chito