Search Results for 'footer'

[Fraser Smith]

Fraser Smith

#290619

We recently switched our site over to a child theme based on Kadence. It makes extensive use of Kadence Elements to replace header and footer and a few other parts of the page and works perfectly, with one edge-case exception.

Shortly after we switched themes, one of our writers pointed out that while they are working on an article, if they preview it, none of the Kadence Elements parts appear on the page. I managed to convince them this was never going to be an issue once the article publishes and everyone was happy.

However, we we sometimes create sponsored articles and need to have them approved by the sponsor before they are published. For the purpose of sending them public previews, we make use of the public post preview plugin.

However, we’ve just tried to generate a preview link for the first time since we switched to Kadence and realised that the elements aren’t showing up here either. There’s obviously something about the way that Kadence Elements hook in to the page, at least as I have it configured, which only works on live pages. Can you suggest a workaround to this issue?

[Fraser Smith]

Fraser Smith

#290619

We recently switched our site over to a child theme based on Kadence. It makes extensive use of Kadence Elements to replace header and footer and a few other parts of the page and works perfectly, with one edge-case exception.

Shortly after we switched themes, one of our writers pointed out that while they are working on an article, if they preview it, none of the Kadence Elements parts appear on the page. I managed to convince them this was never going to be an issue once the article publishes and everyone was happy.

However, we we sometimes create sponsored articles and need to have them approved by the sponsor before they are published. For the purpose of sending them public previews, we make use of the public post preview plugin.

However, we’ve just tried to generate a preview link for the first time since we switched to Kadence and realised that the elements aren’t showing up here either. There’s obviously something about the way that Kadence Elements hook in to the page, at least as I have it configured, which only works on live pages. Can you suggest a workaround to this issue?

[davmart]

davmart

#290573

Hi Kadence Support Team,

I’d like to insert a language switcher in my header. Either in the menu or in the top row of the header.

I have a shortcode for the language switcher. But I can’t insert it in the Hearder! I can’t figure out how to insert this shortcode in the menu, nor how to insert a widget shortcode in the top row of the header!

On the other hand, I can implement the shortcode in the sidebar and footer.
But I want to insert the language switcher in the Header.

Can you please help me achieve this?

If you can tell me how to do it in both situations (menu & top row) that would be great.

Thank you very much,

[davmart]

davmart

#290573

Hi Kadence Support Team,

I’d like to insert a language switcher in my header. Either in the menu or in the top row of the header.

I have a shortcode for the language switcher. But I can’t insert it in the Hearder! I can’t figure out how to insert this shortcode in the menu, nor how to insert a widget shortcode in the top row of the header!

On the other hand, I can implement the shortcode in the sidebar and footer.
But I want to insert the language switcher in the Header.

Can you please help me achieve this?

If you can tell me how to do it in both situations (menu & top row) that would be great.

Thank you very much,

[beefygrant86]

beefygrant86

#290475

so i imported a kadence starter template but when i go to site preview it shows something different. it basiclly shows my sitemap plus nothing else looks right. see attached pics. Also my header and footer have disappeared. I do have them as the layout is there on customizer but they dont show on editor or preview. help please im very new to kadence and fairly new to wordpress in general

[beefygrant86]

beefygrant86

#290475

so i imported a kadence starter template but when i go to site preview it shows something different. it basiclly shows my sitemap plus nothing else looks right. see attached pics. Also my header and footer have disappeared. I do have them as the layout is there on customizer but they dont show on editor or preview. help please im very new to kadence and fairly new to wordpress in general

[Solace]

Solace

#290379

I’m using Elements to build a CPT archive from ACF. In the footer, how best to add Prev / Next pagination to the same category posts.

[Solace]

Solace

#290379

I’m using Elements to build a CPT archive from ACF. In the footer, how best to add Prev / Next pagination to the same category posts.

[Sarah DiLullo]

Sarah DiLullo

#289110

Going to try to make this short, LOL!

I am making a custom post type tied into Google Maps. I have it so it shows multiple pins, pulling the location from each custom post. That all works fine on its own. However, I can’t use elements (the best thing EVER, FYI) because of the code I need. Normally, you would follow the WP custom page template guidelines, and in this case, I was using Kadence’s index.php, but it just breaks.

Here are the URLs to the code I’ve written. I excluded my Google Map API and the client domain from them for sharing code purposes.

In the “broken” version, the header/footer loads fine, but the content flashes and disappears (the map never shows). I understand that it’s most likely due to the header/footer scripts not being where they need to be, but I’m not sure the best way to approach this.

*Login to see link
*Login to see link

[Sarah DiLullo]

Sarah DiLullo

#289110

Going to try to make this short, LOL!

I am making a custom post type tied into Google Maps. I have it so it shows multiple pins, pulling the location from each custom post. That all works fine on its own. However, I can’t use elements (the best thing EVER, FYI) because of the code I need. Normally, you would follow the WP custom page template guidelines, and in this case, I was using Kadence’s index.php, but it just breaks.

Here are the URLs to the code I’ve written. I excluded my Google Map API and the client domain from them for sharing code purposes.

In the “broken” version, the header/footer loads fine, but the content flashes and disappears (the map never shows). I understand that it’s most likely due to the header/footer scripts not being where they need to be, but I’m not sure the best way to approach this.

*Login to see link
*Login to see link

[metrodesign]

metrodesign

#289107

Hi Hannah,
this doesn’t work on my site:

.footernav ul li a {
color: #fff;
font-size: 14px;
line-height: 20px;
}

[chitocamacho]

chitocamacho

#289009

Hi @270378,

Thanks for writing in.

The bottom margin comes from the footer row’s Widget Spacing. See screenshot: https://share.zight.com/12ulPBNL

Each footer row has that setting.

Hope this helps, and let me know how I can assist further.

Best,
Chito

[maherpromo23]

maherpromo23

#289007

It sounds like you’re having an issue with unexpected margins in your footer widgets. This can often be caused by conflicting CSS styles or padding/margin settings within your theme or a specific widget.

Here are a few steps you can take to troubleshoot and fix this issue:

Inspect Element: Use your browser’s developer tools (usually accessed by right-clicking on the page and selecting “Inspect” or “Inspect Element”) to see the CSS applied to the footer widgets. Look for any unusual margin or padding values.

Check Theme Settings: If you’re using a theme, check the theme settings for any specific footer widget margin or padding options. Adjust these settings as needed.

Custom CSS: You can override the existing styles by adding custom CSS. For instance, if you find that a specific class is adding unwanted margins, you can add custom CSS to set the margins to zero or any other value that fits your design. Here’s an example:

css
Copy code
.your-footer-widget-class {
margin: 0 !important;
padding: 10px; /* Adjust as necessary */
}
Replace .your-footer-widget-class with the actual class name of your footer widget.

Widget Settings: Some widgets might have their own settings for margins and padding. Check the settings of each widget in your footer to ensure there are no extra margins or padding applied.

Theme/Plugin Conflicts: Sometimes, plugins or theme customizations can cause conflicts. Disable your plugins one by one to see if any of them are causing the issue.

For more detailed guidance on setting up and customizing your website, you might find resources on business website development helpful. For example, if you’re looking to set up a professional website related to business services, i found this one “https://businessesforsale.ae/businesses-for-sale-dubai” for my initial developing career, you can check out businessesforsale.ae. They provide comprehensive listings and resources that might also include valuable website management tips

• This reply was modified 1 year, 10 months ago by maherpromo23.

[270378]

270378

#288991

Hi!
I added a widget to the footer. I added three Text(Adv) to it with a selection of the DIV element. Inside the DIV I just added the text “123”.

A margin has appeared at the bottom of each DIV element (except the last one). How to reduce it? When I add a DIV, I expect it to have no margins… Yes, it’s actually the parent SECTION that has margins, not the DIV, but that doesn’t actually change things. I am attaching a video.
*Login to see link

Yes, I can write in custom CSS, for example, like this:
.site-footer-top-section-1 section {margin-bottom:0 !important}
But of course I would like to do this using the admin panel. Is this possible? I just didn’t find it…

Thank you in advance!

• This topic was modified 1 year, 11 months ago by 270378.

[270378]

270378

#288991

Hi!
I added a widget to the footer. I added three Text(Adv) to it with a selection of the DIV element. Inside the DIV I just added the text “123”.

A margin has appeared at the bottom of each DIV element (except the last one). How to reduce it? When I add a DIV, I expect it to have no margins… Yes, it’s actually the parent SECTION that has margins, not the DIV, but that doesn’t actually change things. I am attaching a video.
*Login to see link

Yes, I can write in custom CSS, for example, like this:
.site-footer-top-section-1 section {margin-bottom:0 !important}
But of course I would like to do this using the admin panel. Is this possible? I just didn’t find it…

Thank you in advance!

• This topic was modified 1 year, 11 months ago by 270378.

[lorraine]

lorraine

#288825

This reply has been marked as private.

[lorraine]

lorraine

#288824

Sometime between now & the last 1-2 months (when I last checked Lighthouse), a mysterious new HTTP request started being called externally on my website. I checked every other website I host/run on the same server, and despite having multiple other ones with the exact same plugins running the exact same versions/WP version, only this website in specific was having the issue.

I only had this to go off of: “moz-extension://6424c1ba-4269-44a9-aa2e-0bd9554b01ca/js/app.js”

I have never used Moz products/extensions/etc. in my life, and since it only appears on 1 website of the 1/2 dozen I manage, with 0 unique aspects, I couldn’t figure out wtf was causing it. Finally was able to track down the source of the external HTTP call, and it was the following script hidden at the end of the contact details in the footer:

<script src=”moz-extension://6424c1ba-4269-44a9-aa2e-0bd9554b01ca/js/app.js” type=”text/javascript”></script>

I’ll attach pictures in the next reply privately, but I was able to remove it and everything is fine now.

What I’m wondering though, is:

1. Wtf was this? How do I determine the function of this random javascript? What was the purpose for it?

2. How do I prevent something like this from happening again?

I’m paranoid now since I have no idea how this happened in the first place, and therefore no idea how to prevent it from happening again, nor what harm it has/potentially still could cause.

[lorraine]

lorraine

#288824

Sometime between now & the last 1-2 months (when I last checked Lighthouse), a mysterious new HTTP request started being called externally on my website. I checked every other website I host/run on the same server, and despite having multiple other ones with the exact same plugins running the exact same versions/WP version, only this website in specific was having the issue.

I only had this to go off of: “moz-extension://6424c1ba-4269-44a9-aa2e-0bd9554b01ca/js/app.js”

I have never used Moz products/extensions/etc. in my life, and since it only appears on 1 website of the 1/2 dozen I manage, with 0 unique aspects, I couldn’t figure out wtf was causing it. Finally was able to track down the source of the external HTTP call, and it was the following script hidden at the end of the contact details in the footer:

<script src=”moz-extension://6424c1ba-4269-44a9-aa2e-0bd9554b01ca/js/app.js” type=”text/javascript”></script>

I’ll attach pictures in the next reply privately, but I was able to remove it and everything is fine now.

What I’m wondering though, is:

1. Wtf was this? How do I determine the function of this random javascript? What was the purpose for it?

2. How do I prevent something like this from happening again?

I’m paranoid now since I have no idea how this happened in the first place, and therefore no idea how to prevent it from happening again, nor what harm it has/potentially still could cause.

[m29245535]

m29245535

#288763

To change the Post Thumbnail size on the homepage using the Kadence theme in WordPress, follow these steps:

### Step-by-Step Guide

1. **Login to Your WordPress Dashboard**
– Navigate to your WordPress login page (usually yourdomain.com/wp-admin).
– Enter your username and password to access the dashboard.

2. **Navigate to the Customizer**
– In the WordPress dashboard, go to Appearance > Customize. This will open the WordPress Customizer where you can make changes and see a live preview.

3. **Locate the Blog/Archive Settings**
– In the Customizer, find the section related to Blog or Archive settings. This is typically labeled as Blog Settings, Blog Archive, or something similar.
– For Kadence, you should see General, Header, Blog, Footer, and other similar sections. Click on Blog.

4. **Adjust the Post Thumbnail Size**
– Within the Blog section, look for options related to Archive Layout or Archive Settings.
– You should see settings for Post/Archive Layout. Here, you can often find options to set the image size for thumbnails. It might be labeled as Featured Image, Post Thumbnail, or Thumbnail Size.
– You can choose predefined sizes (like thumbnail, medium, large, etc.) or specify custom dimensions if available.

5. **Set Custom Image Sizes**
– If you want to set a custom image size, you might need to define the custom size in your theme’s functions.php file. This can be done using the add_image_size function.
– For example:
`php
function kadence_custom_image_sizes() {
add_image_size(‘custom-thumbnail’, 400, 300, true); // 400px wide by 300px tall, cropped
}
add_action(‘after_setup_theme’, ‘kadence_custom_image_sizes’);
`
– After defining a custom size, it should appear in the Customizer settings where you can select it for your post thumbnails.

6. **Regenerate Thumbnails**
– If you change the thumbnail dimensions or add new sizes, you may need to regenerate thumbnails for existing images to apply the new sizes.
– Install and activate the Regenerate Thumbnails plugin.
– Go to Tools > Regen. Thumbnails and follow the prompts to regenerate thumbnails.

7. **Publish Changes**
– After setting the desired thumbnail size, click Publish in the Customizer to save your changes.

### Additional Tips

– **Responsive Design**: Ensure that the thumbnail size you choose looks good on different devices (desktop, tablet, mobile).
– **Child Theme**: If you need to make changes to the functions.php file, consider using a child theme to avoid losing changes during theme updates.

By following these steps, you can customize the post thumbnail size on your homepage using the Kadence theme, ensuring it fits well with your site’s design and layout.

[Karla]

Karla

#288696

Hi there!

I’d be happy to help you with this.

You can add this to Dashboard > Appearance > Customize > Additional CSS:

footer .widget-area ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

This is how it should work – https://share.zight.com/rRuD6zeR

Also, if you do not need the bullets, use Paragraph blocks instead of the List block.

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

Regards,
Karla

[jaspallo]

jaspallo

#288667

Hi there,

I’ve encountered an issue with the WordPress list block in the Kadence theme footer. I’ve added a list with links to different pages, but I’m struggling to remove the bullet points. Despite attempting various CSS solutions, including those below (I also added the Custom Class ‘Bulletlist’ to the block):

.footer-widget-area .has-theme-palette-9-color {
list-style-type: none;
}

.footer-widget-area .has-theme-palette-9-color {
list-style-type: none !important;
}

.bulletlist {
list-style-type: none;
}

.footer-widget-area .bulletlist {
list-style-type: none;
}

.wp-block-core-list.bulletlist {
list-style-type: none;
}

None of them seem to work. I’ve also disabled all plugins and cleared the cache multiple times to no avail.

Could it be that there’s a conflict with the theme or that I’m using the incorrect selector? Any guidance on resolving this issue would be greatly appreciated.

Thank you for your help!

[jaspallo]

jaspallo

#288667

Hi there,

I’ve encountered an issue with the WordPress list block in the Kadence theme footer. I’ve added a list with links to different pages, but I’m struggling to remove the bullet points. Despite attempting various CSS solutions, including those below (I also added the Custom Class ‘Bulletlist’ to the block):

.footer-widget-area .has-theme-palette-9-color {
list-style-type: none;
}

.footer-widget-area .has-theme-palette-9-color {
list-style-type: none !important;
}

.bulletlist {
list-style-type: none;
}

.footer-widget-area .bulletlist {
list-style-type: none;
}

.wp-block-core-list.bulletlist {
list-style-type: none;
}

None of them seem to work. I’ve also disabled all plugins and cleared the cache multiple times to no avail.

Could it be that there’s a conflict with the theme or that I’m using the incorrect selector? Any guidance on resolving this issue would be greatly appreciated.

Thank you for your help!

[guymal]

guymal

#288509

I didn’t get a resolution for this so ended up writing custom PHP code to show/hide widgets in the footer.
So I setup double widgets in the footer (one for each language) and then with code show and hide the relevant ones based on the language of the page.

[Tina Lampret]

Tina Lampret

#288469

Hi,

I’m having similar problem with footers using polylang. I’m using kadence pro (essential bundle), but not pro addons. I can create legacy widget and selecting specific menu as footer, but I don’t want to design footer like menu.

I tried translating footer in customize section but if I change german language it automatically changes english any any other language I have.

Any idea how to set footer without using addons pro?

[Eze]

Eze

#288391

Hi Thomas,

Thank you for reaching out.

As a workaround to this, kindly select a black color from the Light palette (White on the Dark Palette) as the footer background color.

Also, select a white color from the Light palette (Black on the Dark Palette) as the footer text color.

That way, the footer’s background color is black in light mode and white in dark mode.
https://share.zight.com/QwuoW521

You have to be selective with the colors on the Palette.

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

Cheers,
Eze

[Thomas]

Thomas

#288390

Hello,
I have a question about the dark mode function. I have a white page with black text. I have created two color palettes and in dark mode the website is black with white text. This works very well.

But now my footer is in a different color. In my example with the white page, let’s just assume that the footer is black by default. How can I best control it so that the footer then becomes white in dark mode and has a black font?

I look forward to your feedback

Kind regards
Thomas

[Thomas]

Thomas

#288390

Hello,
I have a question about the dark mode function. I have a white page with black text. I have created two color palettes and in dark mode the website is black with white text. This works very well.

But now my footer is in a different color. In my example with the white page, let’s just assume that the footer is black by default. How can I best control it so that the footer then becomes white in dark mode and has a black font?

I look forward to your feedback

Kind regards
Thomas

[Karla]

Karla

#288261

Hi!

The Kadence theme has “Page/Post Settings” where you can change the layout for specific pages/posts. Please double-check if you have disabled the footer for the homepage.

Here’s a link to our tutorial – https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-setup-page-post-settings/

Let us know if we can help you further.

Regards,
Karla

[jeffreyjones1021]

jeffreyjones1021

#288255

Hi, I recently updated my footer and after that footer isn’t showing on the homepage and showing on all the other pages and posts, I have checked the settings and also widgets section aren’t showing in customization. Please help me

Website URL where we can see more details: Chowking Menu

[jeffreyjones1021]

jeffreyjones1021

#288255

Hi, I recently updated my footer and after that footer isn’t showing on the homepage and showing on all the other pages and posts, I have checked the settings and also widgets section aren’t showing in customization. Please help me

Website URL where we can see more details: Chowking Menu