Search Results for 'widget area'

[DanL]

DanL

#271920

Hannah,

Thanks for looking into this for me. Unfortunately, you apparently tested the one property of the row settings that actually works…changing the number of columns at the top.

HOWEVER, while number of columns, adding/removing widgets, and general content changes do work fine, what does NOT work are any changes made to the Row Styles (on the right) such as Layout. For example, if I change the value of the Bottom Margin, Row Layout (Standard, Full Width, etc.), Cell Vertical Alignment, and/or others in that area, the changes are lost as soon as I click the Done button to close the row editor. (If you click right back into the row settings, the changes are gone. It’s not being lost upon a Save of the whole page, rather as soon as you leave the row editor.)

FYI: I usually use FireFox, but I also tested this in Chrome just a few minutes ago and the behavior is exactly the same.

Please check again (based on the new, detailed info provided in this reply) and let me know!

Appreciatively,
-Dan L.

[Hannah]

Hannah

#271874

Hi Mike,
I’m not sure why that is outputting in the header and not elsewhere. You can hide it with css like this:

.menu-widget-area-kt ul.slick-dots {
    display: none !important;
}

Hope that helps!

Best,
Hannah

[Hannah]

Hannah

#271869

Hi Svein,
Apologies for the delay! There is a toggle widget area (trigger option) within the header, though there isn’t a way to make this open to a mega menu. A workaround would be to use a mega menu block (such as this one: https://wordpress.org/plugins/getwid-megamenu/) and add that to the toggle widget area (Customize > Header).
Hope that’s helpful!

Best,
Hannah

[Mike]

Mike

#271287

I’m using the Ascend Gallery widget with the slider option in the Header Widget area, but it has an odd thick line appearing beneath it. If I place this same widget elsewhere on the page the line doesn’t appear. Can’t figure out why the Header Widget causes this to happen.

The site is HERE.

[Mike]

Mike

#271287

I’m using the Ascend Gallery widget with the slider option in the Header Widget area, but it has an odd thick line appearing beneath it. If I place this same widget elsewhere on the page the line doesn’t appear. Can’t figure out why the Header Widget causes this to happen.

The site is HERE.

[Mike]

Mike

#271280

I don’t know if I’m onto something here Hannah or headed down a dead end. Since there are only 4 pages that need a custom image in the Header Widget area I was thinking I could put 4 rows or just a single row with 4 Ascend Image widgets in the Header Widget area, then just display or suppress the widget base don the page ID. I know what my 4 page IDs are, but I’m not sure how to structure my IF THEN ELSE CSS Attributes or even if it’s possible.

For example:

If page ID = 13 then I display the cosmetics page image, all other pages are display: none;

I’ll do this for pages 15, 17, and 19. Is this at all possible? I’m just not sure what variables to be checking or how best to lay out this conditional CSS even if it can be done.

[Mike]

Mike

#271229

I’m nearly certain there’s not theme parameter to accomplish this, but perhaps with custom CSS since I only have 4 pages I’m dealing with? I’ve suppressed the Header Widget on the homepage. You can view the site HERE to see what I’ve placed in the header widget area. I need to find a way to display a different image on each of the 4 secondary pages.

Any help would be greatly appreciated as always!

[Mike]

Mike

#271229

I’m nearly certain there’s not theme parameter to accomplish this, but perhaps with custom CSS since I only have 4 pages I’m dealing with? I’ve suppressed the Header Widget on the homepage. You can view the site HERE to see what I’ve placed in the header widget area. I need to find a way to display a different image on each of the 4 secondary pages.

Any help would be greatly appreciated as always!

[Kevin]

Kevin

#270733

Hi David, thanks for contacting us!

Currently, the header button doesn’t include an option for an icon, however, you can use the widget area to create an Advanced Button with this feature. Take a look at this video:
https://share.getcloudapp.com/YEurqdBx

I also checked and we have a popular feature request for adding icons to the header buttons here:
https://www.kadencewp.com/kadence-theme/feature-requests/add-icons-in-buttons-header-builder/

With the amount of upvotes for that request, I would expect this to be added to the theme in a future update. Until then, does the widget option work for you?

Best,
Kevin

[Karla]

Karla

#270257

Hello,

Apologies for the delay in getting back to you!

1) I removed footer, but there’s still a small grey part. How to remove it?

The side header is showing in full-screen height while your slider is not. This is the reason why there is still space below it. Please could you send a screenshot of your slider so we can replicate it better?

2)

You can add this in Theme Options > Custom CSS:

#wrapper {
    min-height: calc( 100vh - 32px);
    display: flex;
    flex-direction: column;
}
#inner-wrap {
    flex: 1 0 auto;
}

3)How to add space between widget and menu? I have left Site Layout Header Style.

Since WordPress 5.8 now added Gutenberg on the widgets page, you can add a Spacer block to your Header Extras Widgets Area. Alternatively, add a custom CSS code:

#kad-vertical-menu .kad-header-menu {
    margin-top: 10px;
}

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

Best Regards,
Karla

[mecra]

mecra

#270179

Hi

I want to create a custom page .
There are so many widgets in Theme widget area; query loop, post list etc…
How can i add a similar ports area to my custom page like Kadence Stock theme’s related post section?

I use Custom Post Type plugin so the page is empty
I want to create a related post section with loop function.

Which widget should I use for this? I could not find.

Thanks

[mecra]

mecra

#270179

Hi

I want to create a custom page .
There are so many widgets in Theme widget area; query loop, post list etc…
How can i add a similar ports area to my custom page like Kadence Stock theme’s related post section?

I use Custom Post Type plugin so the page is empty
I want to create a related post section with loop function.

Which widget should I use for this? I could not find.

Thanks

[Kevin]

Kevin

#270084

Hey, thanks for contacting us.

With the Kadence Footer Menu item, you’re not able to display submenu items. In order to achieve this look, try instead using one of your Footer Widget Areas, and add a “Navigation Menu” within the widgets.

Here’s a quick video showing how to set this up:
https://share.getcloudapp.com/WnuqkZW7

Does that option work for you?

Best regards,
Kevin

[johan3]

johan3

#269920

Because of low points in pagespeed insights i want to replace slider and “Home widget area” –> “Ascend: Image menu item” om mobile view.
I have find how to disable slider but not how to turn off “Home widget area”

Is there a way to show for example 2 side by side products in mobile view and swipe to load new, let say one row with NEWS and one with FEATURED…

Please give me suggestions how to speed up mobile view Thank you!

P.S We have move the page to google cloud for the best host solution
*Login to see link

[johan3]

johan3

#269920

Because of low points in pagespeed insights i want to replace slider and “Home widget area” –> “Ascend: Image menu item” om mobile view.
I have find how to disable slider but not how to turn off “Home widget area”

Is there a way to show for example 2 side by side products in mobile view and swipe to load new, let say one row with NEWS and one with FEATURED…

Please give me suggestions how to speed up mobile view Thank you!

P.S We have move the page to google cloud for the best host solution
*Login to see link

[Karla]

Karla

#269554

Hello,

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

Just to confirm, do you want to show a toggle button while on the desktop sticky view? If so, you can make use of the Toggle Widget Area header item if you have the Kadence Theme Pro addon. Here’s an article regarding this – https://www.kadencewp.com/kadence-theme/knowledge-base/pro-addon/how-to-add-a-toggle-open-menu-for-desktop/.

However, this item will always show on desktop views once you added it in a header row. There will be some custom CSS code to be added if you only want it to show when the header becomes sticky. Here’s an example – https://share.getcloudapp.com/geudkopq. The custom CSS code I added is:

.site-header-upper-inner-wrap.child-is-fixed #site-navigation {
    display: none;
}

.site-header-upper-inner-wrap.child-is-fixed #widget-toggle {
    display: block;
}
#widget-toggle {
    display: none;
}

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

Best Regards,
Karla

[Ben Ritner]

Ben Ritner

#269493

Using a custom snippet, you can do this with PHP:
https://www.kadencewp.com/kadence-theme/knowledge-base/advanced/how-to-add-a-custom-filter-or-function-with-code-snippets/

add_filter( 'kadence_widget_area_args', 'custom_widget_title_args' );
function custom_widget_title_args( $args ) {
$args['before_title'] = '<span class="widget-title">';
$args['after_title'] = '</span>';

return $args;
}

Ben

[Hannah]

Hannah

#269248

Hi Jennifer,
Apologies for the delay! You can do this using the widget logo layout. You can select that from Theme Options > Main Settings > Logo Layout. Then you can add an image to your header widget area from Appearance > Widgets.
Hope that helps!

Best,
Hannah

[Ben Ritner]

Ben Ritner

#268974

Hey,
Unfortunately, you can’t use html in the widget front description text input.

That area is sanitized on output (which is why you see the HTML code instead of it rendering).

There isn’t a way to change this behavior as it’s intentional per the design of the widget/shortcode.

There isn’t a workaround using this widget, you would need to code your own through a child theme where you changed the way the input was passed from being an attribute that is sanitized to an unsanitized HTML rendered area.

Ben

[Roger Løvendahl]

Roger Løvendahl

#268768

Sure, I can at least try to explain what I did 🙂

I added the Fibosearch widget, and then I added the kadence header-widget in the center column in the main row.

Then, I did as @Karla mentioned:

First, please put the widget header item in a separate column so the total columns of that header row are 3 – https://share.getcloudapp.com/NQu7gAdE.

Then I added this little bit of “tweeked” CSS from hers.

	@media only screen and (min-width: 1024px) {
.site-main-header-inner-wrap {
    grid-template-columns: 430px 43% auto !important;
}
}
.site-header-main-section-center .header-widget-area-inner {
    width: 100% !important; 
}
.dgwt-wcas-search-wrapp {
    max-width: 100% !important;
}

aside.widget-area.site-header-item.site-header-focus-item.header-widget1.header-widget-lstyle-plain {
    width: 100%;
}

The grid-template-columns: 430px 43% auto !important; says that my first column always should have a fixed with of 430px, it fit’s to how much space my menu elements take up of the header.
The I added that the search-bar itself should use 43% of what’s left, and the auto-part means that my cart-icon and account-icon can use up what’s left.

I don’t think this is what a real web-developer would have done, and it’s not perfect, but for me it worked out ok – and I don’t know how many hours I spent trying to accomplish this, so when something actually looked OK, I went with it..

Good luck 🙂

• This reply was modified 4 years, 6 months ago by Roger Løvendahl.

[Roger Løvendahl]

Roger Løvendahl

#268679

Thanks, but I can not get it to work.

I added this css to code snippets:

/* SEARCH BAR */
.site-main-header-inner-wrap {
grid-template-columns: auto 60% auto;
}
.site-header-main-section-center .header-widget-area-inner {
width: 100%;
}
.dgwt-wcas-search-wrapp {
max-width: 100%;
}

Then I placed the widgets in main row: Logo – Search Bar – Cart trigger

No change.

I am using the FiboSearch widget as a widget in the center column of the main row.
Settings for FiboSearch is set to width: 100%

• This reply was modified 4 years, 6 months ago by Roger Løvendahl.

[Karla]

Karla

#268665

Hello,

First, please put the widget header item in a separate column so the total columns of that header row are 3 – https://share.getcloudapp.com/NQu7gAdE.

Then, add this in Customizer > Additional CSS:

.site-main-header-inner-wrap {
    grid-template-columns: auto 60% auto;
}
.site-header-main-section-center .header-widget-area-inner {
    width: 100%;
}
.dgwt-wcas-search-wrapp {
    max-width: 100%;
}

Regards,
Karla

[Hannah]

Hannah

#268590

Hi Rainer,
1. There isn’t a built-in function for this. You can add a search block or widget to the content area of your shop page it will appear above the products. Would this work for you?

2. You can reduce the spacing with css like this:

nav#nav-main {
    margin-top: 10px;
}

Hope it helps!

Best,
Hannah

[Karla]

Karla

#268421

Hello,

The Mobile off-canvas area also has the ability to contain other header items – https://share.getcloudapp.com/o0u7BeK5.

I cannot explain from the developer/designer’s perspective but I believe the reason why the toggle widget area item/widget items are not included in the tablet/mobile header builder is to avoid having too much content inside it. Since mobile devices are smaller, it is better to limit the elements being used.

For now, I can send a note of your feedback to the development team so they can check and further advise.

Kind Regards,
Karla