Search Results for 'footer'

[Karla]

Karla

#287952

Hi there!

Your screenshot seems broken. To confirm – you’re seeing the difference between the max widths of the header and footer from the max width of the Row Layout block, correct?

If so, I can confirm the change of the maximum widths for the Kadence theme header and footer. I’ve escalated this to our team for further checking.

For now, you can either:
1. Revert to Kadence theme 1.1.50 or
2. Add this to your website’s Customize > Additional CSS:

.site-container,
.site-header-row-layout-contained,
.site-footer-row-layout-contained,
.entry-hero-layout-contained,
.comments-area,
.alignfull > .wp-block-cover__inner-container,
.alignwide > .wp-block-cover__inner-container {
    max-width: var(--global-content-width);
}

Let us know if we can help you further.

Regards,
Karla

[Karla]

Karla

#287951

Hi, Graffy and Volker!

I can confirm the change of the max widths for the Kadence theme header and footer. I’ve escalated this to our team for further checking.

For now, you can either:
1. Revert to Kadence theme 1.1.50 or
2. Add this to your website’s Customize > Additional CSS:

.site-container,
.site-header-row-layout-contained,
.site-footer-row-layout-contained,
.entry-hero-layout-contained,
.comments-area,
.alignfull > .wp-block-cover__inner-container,
.alignwide > .wp-block-cover__inner-container {
    max-width: var(--global-content-width);
}

Let us know if we can help you further.

Regards,
Karla

[Karla]

Karla

#287947

Hi there!

The issue that I saw in your screen recording and post is that the Modal block’s styles have some delay. Is this correct?

This behavior is usually caused by optimizations. I can see that you have Perfmatters, could you try tweaking the options related to CSS files?

On the other hand, try doing these too:
1. Edit the element where the modal was added.
2. Enable the “Load Content After Footer” option in the block settings – https://share.zight.com/jku8knWG.
3. After updating the element, clear your website cache.

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

Regards,
Karla

[HappyUser]

HappyUser

#287936

On my site, alignment seems to have changed with Kadence Theme 1.2 (in desktop view) so that header is somehow indented (I do not use the footer). I believe this is a bug and have filed a detailed bug report.

[graffy]

graffy

#287922

Hi,

This is my first post, so hello everyone.
English is not my native language, sorry for any spelling mistakes

Fresh WP + Kadence Theme + Kadence Blocks
Page Layout: FULLWIDTH / UNBOXED
Row Layout: Inherit Max Width from Theme

*Login to see link

How to make a header/body/footer in one line vertically?

[graffy]

graffy

#287922

Hi,

This is my first post, so hello everyone.
English is not my native language, sorry for any spelling mistakes

Fresh WP + Kadence Theme + Kadence Blocks
Page Layout: FULLWIDTH / UNBOXED
Row Layout: Inherit Max Width from Theme

*Login to see link

How to make a header/body/footer in one line vertically?

[chitocamacho]

chitocamacho

#287718

Hi Cédric,

Thanks for writing back.

Kadence no longer adds new features for the classic themes, including the Pinnacle.

We can make it like this: https://share.zight.com/X6uXKldx

Here’s the CSS code:

@media (min-width: 992px) {
    .footerclass>.container>.row>.footercol1{
        width: 50%
    }
    .footerclass>.container>.row>.footercol2{
        width: 50%
    }
    .footerclass>.container>.row>.footercol3{
        width: 50%
    }
}

Or this: https://share.zight.com/d5u2gRPR

Here’s the code:

@media (min-width: 992px) {
    .footerclass>.container>.row>.footercol1{
        width: 50%
    }
    .footerclass>.container>.row>.footercol2{
        width: 25%
    }
    .footerclass>.container>.row>.footercol3{
        width: 25%
    }
}

You can add custom CSS codes in Theme Options > Custom CSS.

If you’d like to achieve a different footer layout, can you please send me an illustration?

Best,
Chito

[chitocamacho]

chitocamacho

#287716

Hi Cédric,

Are you using the free or premium Pinnacle theme?

You can choose the footer layout in Theme Options > Footer.

If the layout you want to achieve is not in the options, can you please send us a screenshot of how the columns should look? We’ll see if we can achieve it with custom CSS.

Thanks,
Chito

[Cédric]

Cédric

#287669

hello, I would like to go from 4 columns in footers to 3 columns. But I would like the first column to face the width of two columns and keep column 2 and 3 the same width, therefore narrower than the first. How can I do this easily and what to write?

[Cédric]

Cédric

#287669

hello, I would like to go from 4 columns in footers to 3 columns. But I would like the first column to face the width of two columns and keep column 2 and 3 the same width, therefore narrower than the first. How can I do this easily and what to write?

[Karla]

Karla

#287588

Hi, David!

Our theme uses the wp_enqueue_script() function to enqueue scripts – https://share.zight.com/Bluqo1R9. Make sure that you are loading the additional JS file in the footer.

What you can also do in your child theme is to create another function. Then, hook it to the wp_enqueue_scripts action and add a higher priority.

I hope this helps you with your customization.

Let us know if we can assist you further.

Regards,
Karla

[Karla]

Karla

#287513

Hi, Annett!

I apologize for the delay in getting back to you here.

The link colors should inherit the global link colors. However, if you want to change the links’ initial and hover colors, go to the design settings of the footer row where the widget item was added. You should see that there are options for link colors. Change it there – https://share.zight.com/NQuB7eKg

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

Regards,
Karla

[Annett Brückner]

Annett Brückner

#287442

Hi Teejay,
thanks, that helped. However, I can’t change the colors of the text in this variant, can I? Please find attached screenshots of my color palette (link color is grey / white). However, the standard text of the navigation is in the same color as the background. It is only visible in the hover variant.

[teejayhidalgo]

teejayhidalgo

#287437

Hi Annett,

Here’s another screencast showing how you can add the Navigation Block into a Widget for the Footer: https://share.getcloudapp.com/Z4u260z0

I hope this helps.

Best regards,
Teejay.

[Eze]

Eze

#287426

Hi there,

Thank you for reaching out.

From the screenshot you sent, I am unable to pinpoint what could have caused the dark overlay. To troubleshoot this, please change the Content Background Color to white in the theme Customizer > Colors & Fonts > Colors and see if that helps.

Here is a screencast for your reference:
https://share.zight.com/jku8eGLp

See more troubleshooting steps here: https://www.kadencewp.com/blog/how-to-troubleshoot-your-website/

For the Head and Footer checkbox, this is caused by the Head, Footer and Post Injections plugin activated on your website.

Kindly deactivate the plugin or click on the bottom-arrow icon in the editor to move it to the right sidebar. Here is a screencast for your reference:
https://share.zight.com/6quXQl5o

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

Cheers,
Eze

[Annett Brückner]

Annett Brückner

#287420

Hi, could the video here please be activated again. Unfortunately, I can’t find the setting that allows the footer navigation menu to be aligned vertically. Unfortunately, the pages are next to each other.
Thank you

[josefromeo602]

josefromeo602

#287419

Styling a Twitter feed to display horizontally at the bottom of a webpage, underneath the footer information, is definitely doable! If you’re using the Jetpack Twitter feed plugin, you might want to explore its settings first to see if it offers any options for customizing the layout.

If you’re open to using a different plugin that better suits your needs, I’d recommend checking out other Twitter feed plugins available in the WordPress repository. Look for ones that mention horizontal display options or custom styling features.

Alternatively, you can achieve the desired layout by adding custom CSS to your website. You’ll likely need to target the Twitter feed element and adjust its positioning, width, and display properties to make it appear horizontally at the bottom of the page.

Since you’re using the Ascend theme, make sure to review its documentation or support resources for any specific customization options or CSS classes you can leverage to style the Twitter feed according to your preferences.

Hope this helps! Let me know if you need further assistance or have any other questions.

[madson]

madson

#287401

Hello, does anyone know how I can remove this dark overlay as well as this Head and Footer checkbox from a blank post? I am about to write the very first post and but I can’t type in.

[madson]

madson

#287401

Hello, does anyone know how I can remove this dark overlay as well as this Head and Footer checkbox from a blank post? I am about to write the very first post and but I can’t type in.

[Eze]

Eze

#287319

Hi James,

Thank you for reaching out.

To remove the white line, kindly remove the Footer Bottom Row Border in the Theme Customizer > Footer > Bottom Row > DESIGN tab.

Here is a screencast of how to achieve this:
https://share.zight.com/RBukOgzX

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

Cheers,
Eze

[mixmikez]

mixmikez

#287224

Thanks for the reply Bonn!

I have cleared my caches using W3 Total Cache and in my browser, have done so with multiple browsers and no luck. I have disabled all plugins (except Kadence Gutenberg Blocks). Screenshots of those things attached. Any idea of what else it could be?

I’ve been working on this site for awhile and it’s been through many revisions, is there something lingering in the HTML of the header/footer that I’m not aware of? The homepage is available at https://www.mzdata.co/ to look at.

Thanks!

[chitocamacho]

chitocamacho

#287219

Hi there,

Thanks for the links.

Here’s what I see on my end: https://share.zight.com/DOuJQv2p

I believe you’ve achieved it already using the hooked element. You might want to remove the Content Top and Bottom Spacing in Customizer > General > Layout. That will remove the vertical padding between the hooked element and footer.

Let me know if you need further assistance.

Best,
Chito

[mixmikez]

mixmikez

#287195

Sure thing. Is there something in particular that you want me to show you?

In this link https://streamable.com/ktvgih I show how I am going to the Customizer and have a header and footer customized, but then when switching back to the editor and previewing the page that the header/footer are not properly applying the changes as I see them in the Customizer.

If there is a part of the process you would like me to record I can do that, just let me know what to do.

Thanks!