Search Results for 'widget '

[Karla]

Karla

#284111

Hi there!

The gradient background color CSS is working.

On your previous website, it was added to the section where all of your other widgets were added so it looked like the whole content has the gradient as the background. See this screenshot of your older page structure – https://share.getcloudapp.com/bLuZrn1Y.

To make this work on your newer page, I recommend editing your page content and adding all the other SiteOrigin panels/widgets inside the section that uses the gradient background.

I’ll send a screen recording in a private reply for your reference.

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

Regards,
Karla

[teejayhidalgo]

teejayhidalgo

#284106

Hi Sara,

Apologies for the delay in getting back to you.

From what I understand, you have a more complex categories on the e-commerce website that you are developing, and you need to have a more complex filtering and perhaps a way to display a more complex categories.

Kadence Theme has the option to enable a sidebar in the Single Products Page and the Products Catalog/Archive page. See Video: https://share.getcloudapp.com/WnumRPe6

There is also an option to enable an off canvas sidebar for the Products Catalog page. This is usually where you can put the Woo Commerce filter blocks. See Video: https://share.getcloudapp.com/7Kuz49JB

You can customize the contents of these widget/sidebar areas in the Appearance > Widgets area. See Video: https://share.getcloudapp.com/xQuRP8lX

These accompanying widgets/blocks are from WooCommerce as this is correlated with the features and properties of products created using WooCommerce.

What Kadence provides are features for designing the Theme and Contents of your website. The functionality such as E-commerce can be added by using third-party plugins such as WooCommerce. Thus, the properties you would most likely need to achieve the categories will be primarily from WooCommerce.

In terms of displaying a more complex menu. You can use the Mega Menu feature. Here’s a Kadence documentation on how to create a mega menu: https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-create-a-mega-multicolumn-menu

I hope this helps. If I misunderstood what you’re trying to do, please let us know, and we’ll be more than happy to help.

Best regards,
Teejay.

[architabasandrai]

architabasandrai

#284099

Hi Theresa,

[Hover]

#widget-drawer .header-widget2 a:not(.button):hover, #widget-drawer .header-widget2 .drawer-sub-toggle:hover
{
color:red;
}

[Active]

#widget-drawer .header-widget2 .current-menu-item a:not(.button){
color: blue;
}

I hope this helps, please let us know if we can assist you further.

Best Regards,
Archita

[RandomNickname]

RandomNickname

#284087

Okay good to hear.

I grabbed that code from another site I am running Virtue Premium on. It was written by one of your coworkers and works well on that site. I then just swapped out the page numbers to refer to this page in the hope it would also work on this page.

I would like the gradient to cover the entire page, starting below the top Vietue:Gallery widget if possible.

[Bonn]

Bonn

#284081

Hi Jonathan,

There is a built-in option to change the Footer Row to 4 columns.

Just click on one of the Footer Row, and set the Columns to 4.

Here’s a video: https://share.getcloudapp.com/JruevLdk

Next, just add Widget item to each columns. Here’s a video: https://share.getcloudapp.com/Jruev6P6

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

[Karla]

Karla

#284068

Hi there!

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

Just want to give an update that the latest version (Version: 1.1.40) of the Kadence theme includes a fix for the alignment of the images inside a centered table cell.

I want to make widget appear above the paragraphs not beneath. For reference check the attached image.

Are you using the Kadence Blocks plugin? If so, use the Row Layout block. There is a responsive setting/option to reverse the column order (COLLAPSE ORDER) that will help you achieve the layout you want on mobile views. Here’s a screen recording of how it will work – https://share.getcloudapp.com/L1uvPRZP.

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

Kind regards,
Karla

[architabasandrai]

architabasandrai

#284066

Hi Theresa,

There is no inbuilt option to change the color of the header off canvas menu items.

You can add Custom CSS in your Customizer > Additional CSS. https://www.kadencewp.com/kadence-theme/knowledge-base/general/how-do-i-add-custom-css/

#widget-drawer .header-widget2 a:not(.button), #widget-drawer .header-widget2 .drawer-sub-toggle
{
	color:#333;
}

Note: In case it didn’t work, try adding color: #333 !important;

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

Best Regards,
Archita

[Theresa]

Theresa

#284061

Hi, I’d like to have the navigation on my website be the same for desktop and mobile. The mobile menu is working fine. For the desktop, I have the navigation widget in the Header Off Canvas, but I can’t style it. I used css to change the background of the drawer from black to white, but the link colors are still not right. It almost looks like there’s a semi-transparent white layer in the menu.

Can you tell what’s going on or give me the css to style the links? I’ve read quite a few posts about using a nav menu here, anything I’ve tried so far has not worked.

Here’s the website: *Login to see link

Thanks!

[Theresa]

Theresa

#284061

Hi, I’d like to have the navigation on my website be the same for desktop and mobile. The mobile menu is working fine. For the desktop, I have the navigation widget in the Header Off Canvas, but I can’t style it. I used css to change the background of the drawer from black to white, but the link colors are still not right. It almost looks like there’s a semi-transparent white layer in the menu.

Can you tell what’s going on or give me the css to style the links? I’ve read quite a few posts about using a nav menu here, anything I’ve tried so far has not worked.

Here’s the website: *Login to see link

Thanks!

[faizan.amjad86]

faizan.amjad86

#284048

Here’s an example:
https://10beasts.com/best-audiophile-headphones/

Open this URL and search this term “Beyerdynamic Amiron Wireless Copper Hi-Res Bluetooth Headphones – Best Headphones for Long Gaming Sessions”

Now keep your eyes on the product widget (check attached screenshot) in review. Check the desktop version and then mobile version. I want it to be responsive like this.

Hope, I have made my point clear.

[faizan.amjad86]

faizan.amjad86

#284044

Want to ask one more thing.

I am creating two columns and adding texting in left column and in the right i am adding AAWP widget. It appears fine in desktop version but in mobile version, the widget slides down.

I want to make widget appear above the paragraphs not beneath. For reference check the attached image.

[Karla]

Karla

#284007

Hi there!

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

Aside from the workaround that I mentioned, there is no other built-in way to use the mobile menu layout where the parent menu items will toggle the dropdown up/down.

For custom codes, add this to your Customizer > Additional CSS:

#widget-drawer .header-widget2 .drawer-sub-toggle {
    width: 100%;
    height: 100%;
    position: absolute;
    border: none;
    justify-content: right;
}

This should achieve the behavior you want for the Navigation Menu widget’s parent items – https://share.getcloudapp.com/jkuR7rwP.

However, please note that if ever you add a link to one of the parent menu items, those links will not be followed.

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

Regards,
Karla

[Karla]

Karla

#284005

Hi, Milla!

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

I tested this on my website but the number of posts is following the widget setting. Watch this screen recording – https://share.getcloudapp.com/DOuKWeP1.

When I checked the post that you gave, the content is not using the actual sidebar of the theme. I believe you have set up the post content to show two columns. I followed this layout on my website and still, the Ascend: Recent Posts widget is showing the correct number of posts – https://share.getcloudapp.com/nOuLgE7o.

If you haven’t yet, please could you do the initial troubleshooting steps here to determine the cause of the issue or fix it – https://www.kadencewp.com/blog/how-to-troubleshoot-your-website/.

Please let us know how we can help you further with this.

Kind regards,
Karla

[Milla]

Milla

#283918

Hi,

Ascend Theme Recent posts widget shows all articles in sidebar instead of five even if I put it there. *Login to see link
Everything is updated and cache is off.

[Milla]

Milla

#283918

Hi,

Ascend Theme Recent posts widget shows all articles in sidebar instead of five even if I put it there. *Login to see link
Everything is updated and cache is off.

[chitocamacho]

chitocamacho

#283861

Hello,

Are you still referring to mobile navigation, right?

For the top-level menu categories, I suggest using the Navigation widget setting to apply a color. If you’d want to override the color of submenu items, you could use custom CSS. Here’s how you can target the menus: https://share.getcloudapp.com/z8uGywNA

If you can’t apply this to your website, can you share the link to your site to have a clearer view?

Thank you!

Regards,
Chito

[Karla]

Karla

#283856

Hi there!

Thank you for giving us the page URL.

I saw that you’re using the Navigation Menu widget of WordPress. This is not connected to the mobile header option that makes parent menu items toggle their sub-menu.

What you can do as an alternative is to use your mobile header on desktop views too. To do this, follow these steps:

1. Go to Customizer > Header > Design tab
2. Adjust the “Screen size to switch to mobile header” option to a higher value

This way, your mobile header layout will be the one to show on desktop views. That will also use the mobile menu style that you want. Here’s a screen recording of how it will work – https://share.getcloudapp.com/YEue7lzp.

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

Regards,
Karla

[chitocamacho]

chitocamacho

#283845

Hello,

The header navigation widgets have a setting to apply a color. Here’s a video: https://share.getcloudapp.com/BlubkzYk

If you prefer to use custom CSS, you could try this sample code for Mobile Navigation widget:

.mobile-navigation ul li a {
    color: black;
}

For Mobile Navigation 2 widget, you can use this:

#mobile-secondary-site-navigation ul li > a {
    color: black;
}

If this does not work, let us know which navigation widget you are using and we’ll be happy to help further.

Kind regards,
Chito

[Mark]

Mark

#283768

Hi Karla,

I can almost do what I need, however, I can’t find a dynamic field for categories and the default WordPress category widget is very limited. Is there a custom input meta key or something similar that can be inputted for dynamic content?

Thank you in advance,

Mark

[Karla]

Karla

#283741

Hi there!

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

The widgets do indeed have a default bottom margin from the theme styles to ensure that they have enough spacing between them.

There is no built-in option to change that but if you give us a page URL so we can inspect how your header was set up, that would help us test custom CSS code that would achieve the layout you want. You may set your response as a private reply so only you and the support team can see it.

On the other hand, I tried adding widgets to the header of my website and you can add this to Customizer > Additional CSS so that the first widgets will have no bottom margins – https://share.getcloudapp.com/12u7nJed:

header .widget {
    margin-bottom: 0;
}

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

Best regards,
Karla

[lorraine]

lorraine

#283710

I have this annoying issue where my Header Widget area forces 1.5em spacing vertically between blocks. No where in the Blocks, Widget, nor Customizer, could I find where the setting for Widget block margins is. Can this be edited, or is it a hardcoded variable? Let me know where I can change this, or if not, then if I should just manually edit the content.min.css file itself + how I can make the change permanent between updates

Pre-Change

Post-Change

The Logo needs to be in the same row as the menu itself, since there is only 1 logo available and will disappear if the sticky menu is active.

The Logo must be in the middle row, so there isn’t a ton of deadspace in the normal header (really wish there was adjustable margins in the header items in addition to padding)

The Buttons must be made in the widget area, as the buttons in the header don’t allow for icons

For those reasons, I have to make the header this way, and the only solution is to fix the Widget Margin-Bottom value (and the top margin, both to 0.5em)

• This topic was modified 3 years ago by lorraine.
• This topic was modified 3 years ago by lorraine.
• This topic was modified 3 years ago by lorraine.

[lorraine]

lorraine

#283710

I have this annoying issue where my Header Widget area forces 1.5em spacing vertically between blocks. No where in the Blocks, Widget, nor Customizer, could I find where the setting for Widget block margins is. Can this be edited, or is it a hardcoded variable? Let me know where I can change this, or if not, then if I should just manually edit the content.min.css file itself + how I can make the change permanent between updates

Pre-Change

Post-Change

The Logo needs to be in the same row as the menu itself, since there is only 1 logo available and will disappear if the sticky menu is active.

The Logo must be in the middle row, so there isn’t a ton of deadspace in the normal header (really wish there was adjustable margins in the header items in addition to padding)

The Buttons must be made in the widget area, as the buttons in the header don’t allow for icons

For those reasons, I have to make the header this way, and the only solution is to fix the Widget Margin-Bottom value (and the top margin, both to 0.5em)

• This topic was modified 3 years ago by lorraine.
• This topic was modified 3 years ago by lorraine.
• This topic was modified 3 years ago by lorraine.

[Will]

Will

#283617

Hi

I am just wondering how can I add product subcategory sorting features under a general product category. For example, if I have enter a tech supply niche using my primary menu, is there any way to insert dropdown menus or widget with subcategories such as cell phone case, computer case..etc under the pet page. So, when people enter the tech supply they can use to dropdown menus or click on the images to go into subcategories. If I can implement these features, please inform me how to change the settings in theme options.

I attached examples of the subcategory sorting features that I mentioned in the attachments.

Thank you,

Will

[Will]

Will

#283617

Hi

I am just wondering how can I add product subcategory sorting features under a general product category. For example, if I have enter a tech supply niche using my primary menu, is there any way to insert dropdown menus or widget with subcategories such as cell phone case, computer case..etc under the pet page. So, when people enter the tech supply they can use to dropdown menus or click on the images to go into subcategories. If I can implement these features, please inform me how to change the settings in theme options.

I attached examples of the subcategory sorting features that I mentioned in the attachments.

Thank you,

Will