Search Results for 'footer'

[Bonn]

Bonn

#280678

Hi Chris,

Thanks for the links, I was able to see the issue.

Can you try going to Customizer > Post Pages/Layout > {Your Custom post type} Archive Layout > and set the Content Style to Unboxed?

Here’s a screenshot for your reference: https://share.getcloudapp.com/NQujAXdq

Additionally, I’ve been having fits trying to figure out how to simply clone the default template and save it with minor tweaks, but any template created is treated as its own thing with no header or footer. I’ve been able to get by with templates for the content body or sections, but it’s not how my brain works normally.

You can try using Reusable Blocks. https://wordpress.com/support/wordpress-editor/blocks/reusable-block/

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

Regards,
Bonn

[Adam Connell]

Adam Connell

#280623

Hi there,

I’m using conditional display settings to add a CTA before the footer area of my site.

Here’s a URL:

*Login to see link

Here’s a screenshot:

*Login to see link

The problem is that something is adding a white line below the section that I’m adding. It’s appearing on the front-end, but also when I preview the section. I can’t tell if it’s there when inside the Gutenberg editor because the background below is white.

All I’ve got is a single row layout with a section in the middle that contains a shortcode.

Row background is set to blue, there’s no divider added to the bottom. When I remove the element from the page, the white line goes away.

I’m at a loss as to what’s going on here!

Does anyone have any idea how I can get rid of this white line?

Thanks in advance!

– Adam

[Adam Connell]

Adam Connell

#280623

Hi there,

I’m using conditional display settings to add a CTA before the footer area of my site.

Here’s a URL:

*Login to see link

Here’s a screenshot:

*Login to see link

The problem is that something is adding a white line below the section that I’m adding. It’s appearing on the front-end, but also when I preview the section. I can’t tell if it’s there when inside the Gutenberg editor because the background below is white.

All I’ve got is a single row layout with a section in the middle that contains a shortcode.

Row background is set to blue, there’s no divider added to the bottom. When I remove the element from the page, the white line goes away.

I’m at a loss as to what’s going on here!

Does anyone have any idea how I can get rid of this white line?

Thanks in advance!

– Adam

[Chris C.]

Chris C.

#280602

I have a similar issue as stated here: *Login to see link I’m interested in customizing a page to look like an archive page (which has a slight color tone across the entire width of the body of the page.) I ran into a bug where the archive for a custom post type term is not resolving its URI, so I’m just faking the custom page with a required catch-all query. The issue is the page looks different than the others because of the background gradient. I’m using Kadence and one of your starter themes.

Additionally, I’ve been having fits trying to figure out how to simply clone the default template and save it with minor tweaks, but any template created is treated as its own thing with no header or footer. I’ve been able to get by with templates for the content body or sections, but it’s not how my brain works normally.

Any clues here would be helpful.

[Chris C.]

Chris C.

#280602

I have a similar issue as stated here: *Login to see link I’m interested in customizing a page to look like an archive page (which has a slight color tone across the entire width of the body of the page.) I ran into a bug where the archive for a custom post type term is not resolving its URI, so I’m just faking the custom page with a required catch-all query. The issue is the page looks different than the others because of the background gradient. I’m using Kadence and one of your starter themes.

Additionally, I’ve been having fits trying to figure out how to simply clone the default template and save it with minor tweaks, but any template created is treated as its own thing with no header or footer. I’ve been able to get by with templates for the content body or sections, but it’s not how my brain works normally.

Any clues here would be helpful.

[brandsforlessdubai12]

brandsforlessdubai12

#280595

I am facing an issue with my website I have customized everything but still I am facing this space issues, tried removing them but unable to do it please help me out. Idk much about css!
Site URL: *Login to see link

[brandsforlessdubai12]

brandsforlessdubai12

#280595

I am facing an issue with my website I have customized everything but still I am facing this space issues, tried removing them but unable to do it please help me out. Idk much about css!
Site URL: *Login to see link

[interactie]

interactie

#280592

Hi there,

Currently, I’m trying to set up a Carousel with the custom posttypes from plugin “The Event Calendar”. Within the block sidebar, I’m able to select this posttype, which is great!

But I’m unable to change the “Order by” to the configured date the event starts. And there is also no possibility to replace the “Postdate” with the “Event date” within the Footer meta of Below Title Meta.

Is that something we can manage to alter with a php-function? So yes, how?

This would be awesome,

Kind regards

[interactie]

interactie

#280592

Hi there,

Currently, I’m trying to set up a Carousel with the custom posttypes from plugin “The Event Calendar”. Within the block sidebar, I’m able to select this posttype, which is great!

But I’m unable to change the “Order by” to the configured date the event starts. And there is also no possibility to replace the “Postdate” with the “Event date” within the Footer meta of Below Title Meta.

Is that something we can manage to alter with a php-function? So yes, how?

This would be awesome,

Kind regards

[Brian Shim]

Brian Shim

#280509

There is a much better way now to hide a header or footer in Kadence. There’s a setting right in the Page Settings of the page. More info:
https://brianshim.com/webtricks/remove-header-or-footer-of-kadence-page/

[Extra-Strength Placebo]

Extra-Strength Placebo

#280379

Hi Chito,
thank you for these two methods. Unfortunately I don’t think either are quite right for me:

The Row Layout would only appear on Pages it’s added to, but I’d like the side menu everywhere, including archives, LearnDash courses, events, etc

The Hooked Element is neat, thanks for showing me that, but it’s important to me for accessibility reasons that the nav menu gets tab focus before the main content. This Hooked Element gets it after the main content, just like a sidebar. It actually comes after the footer.

I’m wondering about somehow getting the left sidebar before getting the main content in the DOM so it naturally tab focusses first. All other ideas also appreciated.

many thanks,
— Peter

[chitocamacho]

chitocamacho

#280363

Hi Rainier,

Thank you for writing.

1. You can use this custom CSS:
#containerfooter {display:none}

2. The footer floats and overlays some page content because of position:absolute CSS. To fix that, you can use this CSS:
#containerfooter {position: relative;}

Let us know if you need further assistance.

Kind regards,
Chito

[Nikola Milosevic]

Nikola Milosevic

#280312

Hello Kadence community,

I have two problems I need help with.

Problem 1

I had a problem that was solved in another forum post. You can see it here *Login to see link

Solution worked perfectly, but now I have the same problem just for the footer element. When I replace footer with custom element, again I see underlined links, even though I turned option off in customizer. Can you please give me a code snippet like you did in menu problem?

Website link: *Login to see link e/

Problem 2

I made header appearance with color and .png image overlay. Actually, every element on the website that had the option to set color and image overlay is done the same. So I have consistent “papery” look everywhere. Buttons don’t have this option, but I can live with that, it’s a small impact. On the other hand, Menu Dropdown is huge eyesore.

Can you help me get the same look for the Menu Dropdown as I have for the Menu (header) element?

Thanks,
Nikola

[Nikola Milosevic]

Nikola Milosevic

#280312

Hello Kadence community,

I have two problems I need help with.

Problem 1

I had a problem that was solved in another forum post. You can see it here *Login to see link

Solution worked perfectly, but now I have the same problem just for the footer element. When I replace footer with custom element, again I see underlined links, even though I turned option off in customizer. Can you please give me a code snippet like you did in menu problem?

Website link: *Login to see link e/

Problem 2

I made header appearance with color and .png image overlay. Actually, every element on the website that had the option to set color and image overlay is done the same. So I have consistent “papery” look everywhere. Buttons don’t have this option, but I can live with that, it’s a small impact. On the other hand, Menu Dropdown is huge eyesore.

Can you help me get the same look for the Menu Dropdown as I have for the Menu (header) element?

Thanks,
Nikola

[Rainer]

Rainer

#280258

Hi,

I have two related questions:

1. How to remove my black footer from the WC SHOP page only?

2. My shop page is actually larger (in laptop mode) but the footer takes part from the body content. I dont see the bottom navigation bar (above footer) anymore. What CSS do I need to change or add here? The navigation bar is visible in mobile or smaller screen.

Please be kindly to tell me both solutions, if you can.

Thank you very much

— Rainer

[Rainer]

Rainer

#280258

Hi,

I have two related questions:

1. How to remove my black footer from the WC SHOP page only?

2. My shop page is actually larger (in laptop mode) but the footer takes part from the body content. I dont see the bottom navigation bar (above footer) anymore. What CSS do I need to change or add here? The navigation bar is visible in mobile or smaller screen.

Please be kindly to tell me both solutions, if you can.

Thank you very much

— Rainer

[Karla]

Karla

#280216

Hi, Phillip!

I apologize for the delay in getting back to you.

For the related posts carousel, you can add this to Customizer > Additional CSS to make them equal heights:

.entry-related article.entry {
    height: 100%;
}

For the post grid/carousel block before the footer, there is also no built option for that so you can add this additional CSS too:

.wp-block-kadence-postgrid article.kt-blocks-post-grid-item {
    height: 100%;
}

After saving changes, make sure to clear your cache. Here’s a post to guide you – https://www.kadencewp.com/kadence-theme/knowledge-base/troubleshooting/clearing-your-website-cache/.

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

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

[Karla]

Karla

#280088

Hi, Adam.

I tried replicating your setup with the following settings:

• Element one – Before all Content, shown on Entire Site
• Element two – Before Footer, shown on Entire Site

However, if I change the background and font colors for the element before the footer, they are getting applied – https://share.getcloudapp.com/kpuWYJOE.

Just to confirm, are you purging your WP Rocket cache after saving the changes? If not, try doing so to see if that will fix the issue.

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

Best regards,
Karla

[Adam Connell]

Adam Connell

#280078

Hi there,

I’ve been using Element Hooks to add sections to my posts page.

Here’s a link to the live page:

*Login to see link

The two blocks (above and below the recent posts with a blue background) have been added as sections dynamically.

The issue that I’m having is that some settings on the second element won’t change.

For example, I wanted a different background color and font color for the element above the footer. I also wanted to change the arrow divider at the top so it was shorter and wider.

But none of those changes are working. Other settings can be changed.

Any idea how we can get this fixed?

Thanks,
Adam

[Adam Connell]

Adam Connell

#280078

Hi there,

I’ve been using Element Hooks to add sections to my posts page.

Here’s a link to the live page:

*Login to see link

The two blocks (above and below the recent posts with a blue background) have been added as sections dynamically.

The issue that I’m having is that some settings on the second element won’t change.

For example, I wanted a different background color and font color for the element above the footer. I also wanted to change the arrow divider at the top so it was shorter and wider.

But none of those changes are working. Other settings can be changed.

Any idea how we can get this fixed?

Thanks,
Adam

[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

[Safir]

Safir

#280045

I installed some dummy content to WordPress using the instructions here:
*Login to see link

Using that content and the Nebula theme from github, I can get an expanded site menu to display in the footer.

Is there a way to get something like this in Kadence? In Kadence I went to Customize>Menus>All Pages, and checked “Primary Menu” and “Footer Menu” under “Menu Locations”.

And also went to Customize>Footer, and dragged “Footer Navigation” to the footer panel.

However, while I see a menu, it isn’t expanded.

Is there a way to get the expanded menu to display in Kadence, like in the Nebula theme?

• This topic was modified 3 years, 7 months ago by Safir.
• This topic was modified 3 years, 7 months ago by Safir.

[Safir]

Safir

#280045

I installed some dummy content to WordPress using the instructions here:
*Login to see link

Using that content and the Nebula theme from github, I can get an expanded site menu to display in the footer.

Is there a way to get something like this in Kadence? In Kadence I went to Customize>Menus>All Pages, and checked “Primary Menu” and “Footer Menu” under “Menu Locations”.

And also went to Customize>Footer, and dragged “Footer Navigation” to the footer panel.

However, while I see a menu, it isn’t expanded.

Is there a way to get the expanded menu to display in Kadence, like in the Nebula theme?

• This topic was modified 3 years, 7 months ago by Safir.
• This topic was modified 3 years, 7 months ago by Safir.

[chitocamacho]

chitocamacho

#279968

Hi there,

Thanks for writing!

There’s no setting to adjust the tag’s font size or hide it only on mobile. You can use this custom CSS:
To hide the tags:

@media(max-width:767px){
    .single-post .entry-tags{
        display:none
    }
}

To adjust the font size:

@media(max-width:767px){
    .single-post .entry-footer .tag-link{
        font-size:15px
    }
}

Let us know how we can help further.

Kind regards,
Chito

[Mary]

Mary

#279941

Hi, I have searched the support forum, and have tried the suggested CSS code. Although it works to reduce the white space, there is still about 10px between the last block and the footer. HELP!

.contentclass {
padding-bottom: 0;
}

[Mary]

Mary

#279941

Hi, I have searched the support forum, and have tried the suggested CSS code. Although it works to reduce the white space, there is still about 10px between the last block and the footer. HELP!

.contentclass {
padding-bottom: 0;
}

[Chris Savage]

Chris Savage

#279900

I went to update the footer on my website (Virtue Premium) and when I clicked to go to the widgets section, these errors appeared. I’ve never seen this before.

• This topic was modified 3 years, 8 months ago by Chris Savage.

[Chris Savage]

Chris Savage

#279900

I went to update the footer on my website (Virtue Premium) and when I clicked to go to the widgets section, these errors appeared. I’ve never seen this before.

• This topic was modified 3 years, 8 months ago by Chris Savage.

[Hannah]

Hannah

#279888

Hi Kiran,
If you’re using Kadence Theme and the Kadence Pro Add-On you’ll see an option to enable Header and Footer Scripts. If you’re only using css you can paste it into your custom css box in the customizer.
Hope that’s helpful!

Kindly,
Hannah