Search Results for 'widget '

[iqlogic3]

iqlogic3

#281507

hello, please could you share solution with us? There is still problem with link colors in footer. I have “widget 1” with “Advanced Text” blocks with “link” and “hover” colors set to black, but for some reason it is getting wrong color from pallete9 for links in text. Here is style from dev tools Elements:

.site-footer .site-top-footer-wrap a:not(.button):not(.wp-block-button__link):not(.wp-element-button) {
    color: var(--global-palette9);
}

Color should be black here, not “var(–global-palette9)”

Thank you

EDIT:
Found it, my bad. I’ve set “link color” for entire TOP ROW in the footer. Everything is OK now. Sorry, for false alarm 😁

• This reply was modified 3 years, 4 months ago by iqlogic3.

[Karla]

Karla

#281473

Hi there!

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

For the admin bar, could you double-check if you have it enabled for your user role? You can read this post to see where it can be enabled/disabled – https://www.wpbeginner.com/wp-tutorials/how-to-disable-wordpress-admin-bar-for-all-users-except-administrators/#method-1-disable-admin-bar-manually.

For the homepage content, I can see them too:

• Home page content
• Icon Menu
• Latest Blog Posts
• Home Widget Area

However, if I access your website URL with HTTPS, the website does not show. This is the screen recording – https://share.getcloudapp.com/yAuA6gRA.

I recommend reaching out to your hosting provider to add an SSL certificate for your website.

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

Regards,
Karla

[alrick516]

alrick516

#281428

Hi Karla,

Thank you for the quick reply.
I am adding a widget near the search button (currency switcher).
Your system is blocking me from posting the code in TXT but you can see it on my first post in the screenshot.

It’s working when I directly edit my theme. The files and folders names are the same as yours.

There must be some cashing issues with Cloudflare on my part if nothing special needs to be done to make the changes take effect. I am going to take a look at that!

Thanks,
Adam

• This reply was modified 3 years, 4 months ago by alrick516.

[Annie]

Annie

#281369

Hello everyone, I apologize if this has been answered before, but the topics I have found didn’t quite suit what I was trying to achieve, so I am writing to you here.

I am trying to add two dividers in color to the main row header area of my header on each side, but it doesn’t seem to work. When I add html to the header and code for the divider, it appears in the visuals, but not on the site. It’s supposed to be 100% within its area on left and right side with the middle being empty, but it simply refuses to work for me.

I am by no means an expert in coding, my knowledge goes as far as understanding basic code and adjusting it to my needs, but this doesn’t wish to work.

I hope someone can help me out with this, for I did not think it would be such a difficult thing to do, especially because I’ve added widget with the divider into the widget area, but it doesn’t appear in the header widgets in the customizer.

Thank you in advance.

• This topic was modified 3 years, 4 months ago by Annie.

[Annie]

Annie

#281369

Hello everyone, I apologize if this has been answered before, but the topics I have found didn’t quite suit what I was trying to achieve, so I am writing to you here.

I am trying to add two dividers in color to the main row header area of my header on each side, but it doesn’t seem to work. When I add html to the header and code for the divider, it appears in the visuals, but not on the site. It’s supposed to be 100% within its area on left and right side with the middle being empty, but it simply refuses to work for me.

I am by no means an expert in coding, my knowledge goes as far as understanding basic code and adjusting it to my needs, but this doesn’t wish to work.

I hope someone can help me out with this, for I did not think it would be such a difficult thing to do, especially because I’ve added widget with the divider into the widget area, but it doesn’t appear in the header widgets in the customizer.

Thank you in advance.

• This topic was modified 3 years, 4 months ago by Annie.

[Bonn]

Bonn

#281352

Hi Dave,

Thanks for the update.

Try this instead:

#secondary .widget_nav_menu .menu > li a

I tested it on your site and it works.

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

Is this what you want to accomplish?

Regards,
Bonn

[smithjohny039]

smithjohny039

#281217

Thanks for getting in touch about this!

Both sets of icons are showing up for me, but the color has been changed to a very faint/light color which makes them difficult to see on the white background. Here’s the custom CSS that’s doing it if you want to go into Website‘s Appearance > Customize > Additional CSS and adjust it a bit:

.widget .menu-social-container .menu li a[href*=”instagram.com”]::before {
color: #f4e5e5 !important;
} .widget .menu-social-container .menu li a[href*=”facebook.com”]::before {
color: #f4e5e5 !important;
} .widget .menu-social-container .menu li a[href*=”pinterest.nz”]::before {
color: #f4e5e5 !important;
}

[Dane]

Dane

#281087

Hi Edward,

Absolutely! You can use the Widget Footer item from the Footer builder when you go to Customize > Footer. Once you’ve added the Widget footer item, please use the Navigation Menu block and select the menu that you want to set as Footer Menu. Here’s the screen recording, please watch: https://share.getcloudapp.com/WnuZReO8

Hope this answers your question.

Should you need further assistance, please let us know, and we’re always here to help!

Cheers,
Dane

[chitocamacho]

chitocamacho

#280792

Hi Alan,

Thank you for writing.

Do you mean you want to move the menu to the left? You can drag and drop the Navigation widget to the left-most part of the row. Here’s a screen recording: https://share.getcloudapp.com/mXu2NwA6

Let me know if I misunderstood the query and I’d be glad to help further until you get your desired result.

Kind regards,
Chito

[chitocamacho]

chitocamacho

#280772

Hi Jochen,

Thank you for writing.

There’s no option to add another header row. What I can suggest is to use Kadence Hooked Element and add its shortcode to the HTML widget in the header bottom row. Here’s a screen recording: https://share.getcloudapp.com/z8uQ96Qd

If this would not work for you, you can submit a feature request for the Kadence theme at this link:
https://www.kadencewp.com/kadence-theme/feature-requests/

Let us know how we can help further.

Kind regards,
Chito

[chitocamacho]

chitocamacho

#280698

Hi Daniel,

It’s a legacy Search widget. The block-based widget editor feature from the WordPress core has a different Search block, and you will need to use custom CSS to be able to customize it.

You will need to install and activate the Classic Widgets plugin to use a legacy Search widget.
https://wordpress.org/plugins/classic-widgets/

You can add the legacy Search widget on your sidebar the usual way – via Appearance > Widgets or Customizer > Widgets.

Here’s a screen recording: https://share.getcloudapp.com/yAuQzwpY

I hope this helps, and let us know if you need further assistance.

Kind regards,
Chito

[Karla]

Karla

#280583

Hi, Daniel!

The Customization options can be seen by going to Appearance > Customizer. Then, if you want to use the sidebar layout, there are multiple sections to go where you can set this. Those sections are:

• Page Layout
• Single Post Layout
• Archive Layout
• If there are custom post types detected, there are also single and archive page settings for them

If you only want to use the sidebar layout for your blog posts, follow these:

1. Go to Customizer > Posts/Pages Layout > Single Post Layout
2. Select the Right Sidebar layout
3. Select which sidebar you want to show
4. Go to Appearance > Widgets
5. Scroll down to the sidebar you chose and add the widget items there

Here’s a screen recording for your reference – https://share.getcloudapp.com/RBuZJvX1.

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

Regards,
Karla

[chitocamacho]

chitocamacho

#280566

Hi Yogi,

Thank you for reaching out to us.

You can set up an RSS feed on any page you want.

If you are using the Gutenberg editor, you can use the Gutenberg RSS block.

For the SiteOrigin page builder, you can add the RSS widget.

Here’s a screen recording: https://share.getcloudapp.com/rRuQggQ4

It can also be added to your sidebar, you can search for RSS block or widget in Appearance > Widgets depending on your Widgets editor if it’s block-based or the classic one.

I hope this helps and let us know if you need further assistance.

Kind regards,
Chito

[Jonathan]

Jonathan

#280400

Hi Kadence Team,
I have been trying to add a code or shortcode to the widget area in the topbar, so that any page (regardless of whether it be a blog post, category or page) will show its breadcrumb in this area. Currently I have turned on the regular breadcrumbs in the header, but really want them in the topbar.
The shortcode [kadence-breadcrumbs] did not work and I did not find a predefined widget that seems to have this functionality.
I am using the Virtue premium theme.
The website URL is *Login to see link ks.
Many thanks in advance
Jonathan

[Jonathan]

Jonathan

#280400

Hi Kadence Team,
I have been trying to add a code or shortcode to the widget area in the topbar, so that any page (regardless of whether it be a blog post, category or page) will show its breadcrumb in this area. Currently I have turned on the regular breadcrumbs in the header, but really want them in the topbar.
The shortcode [kadence-breadcrumbs] did not work and I did not find a predefined widget that seems to have this functionality.
I am using the Virtue premium theme.
The website URL is *Login to see link ks.
Many thanks in advance
Jonathan

[Karla]

Karla

#280367

Hi, Harry.

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

To confirm, are you referring to this elementor widget – https://share.getcloudapp.com/7KukqeoJ? Kindly double-check within its settings on how to change the background color’s transparency/opacity.

Otherwise, you can add this to Theme Options > Advanced Settings > Custom CSS:

.elementor-44938 .elementor-element.elementor-element-f33c9d4 .elementor-repeater-item-7b04d71 .swiper-slide-bg {
    background-color: rgb(255 51 137 / 85%);
}

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

Kind regards,
Karla

[Dane]

Dane

#280151

Hi,

Thank you for reaching out to us.

Did you add any blocks to your Sidebar 2? If you haven’t, please follow this screen recording to know how. Here, please watch: https://share.getcloudapp.com/Qwudl4xv

As you can see, when I assigned a sidebar (Sidebar 2), the sidebar is empty. This is why I added some blocks from Widgets page and added some blocks and placed them to Sidebar 2.

Please try this on your end and let us know how it goes. Thanks!

Cheers,
Dane

[Karla]

Karla

#280136

Hi, Rupa.

That will depend on the filter widget items you add. For example, you can add the filter widgets from the WooCommerce plugin, there is an option to show filter buttons. Here’s a screen recording for your reference – https://share.getcloudapp.com/6quG2Kvg.

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

Best regards,
Karla

[chitocamacho]

chitocamacho

#280093

Hi there,

This custom function needs custom JavaScript and CSS codes. Here’s a screen recording for your guide: https://share.getcloudapp.com/E0uyYQjz.

Kindly add the “mobile-toggle-menu” class name into the Icon block/Advanced Button.

Add this script into Customizer > Custom Scripts > Footer:
https://pastebin.com/z3icGEWJ

And lastly, add this CSS into Customizer > Additional CSS to hide the default mobile menu trigger from the theme:
.site-header-item[data-section="kadence_customizer_mobile_trigger"] {display:none}

Note that you will need to add the Trigger widget on the mobile header and put the Mobile Navigation widget within the Off Canvas, as shown in the video. Otherwise, the mobile menu won’t show up.

Let us know if you need further assistance.

Kind regards,
Chito

[chitocamacho]

chitocamacho

#280090

Hi there,

Thank you for getting in touch.

You can add the Gutenberg Search block to your sidebar widgets. Copy the settings above the block – see attached image

To remove the search button border, you can use this custom CSS:

.primary-sidebar .wp-block-search__button{
    border:none
}

Let us know how we can help further.

Kind regards,
Chito

[Karla]

Karla

#280070

Hi, Safir!

Thanks for reaching out to us.

Here’s what I can recommend in order to recreate the footer you want:

1. Add a background image for the whole footer by going to Customizer > Footer > Design tab.
2. Set each footer rows’ background colors to transparent.
3. Set multiple columns for a footer row.
4. Add widget areas for each column to add Navigation Menu widget.

Here’s a screen recording of how I did it – https://share.getcloudapp.com/DOurvZxK.

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

Regards,
Karla

[Karla]

Karla

#279994

Hi, Ryan.

Thanks for reaching out.

The HTML header item uses a text editor(TinyMCE) that will strip HTML tags such as SVG and iframes. It will not work like how the Custom HTML block does.

If you have the Kadence Theme Pro addon, you can use the Widget Area header item instead. This way, you can use the Custom HTML widget. If this didn’t work either, I recommend uploading the SVG image to your website and using an Image block to show it on your header. You may use third-party plugins such as this one so WordPress will allow SVG upload.

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

Regards,
Karla