Search Results for 'footer'

[rick]

rick

#257721

Hi hannah,

Thanks! used the resubale-blocks-extended and pasted the shortcode of a block in the sitewide footer shortcode section.
Works great, but somehow only on the blog grid page and all blog post pages alle columns are squeezed to the right..

Any idea why this is happening?

https://kloekkefotografie.nl/fotografieblog/

Rick

[hello43]

hello43

#257679

Hi,

I’m trying to add Google Tag Manager code to the header and body and it’s throwing an error. “Looks like something’s gone wrong. Wait a couple seconds, and then try again.”

Console shows error with admin-ajax.php

I’ve managed to add other stuff to the header and footer (preloading fonts, and adding amazon code into the footer). So I don’t know why this code is creating an error. Have Kadence pro membership and activated the add-ons (maybe I should do it again).

It’s bog standard GTag code (couldn’t paste it as Cloudflare blocked it, but it’s standard code).

Can you help?

Thanks,

Dana

• This topic was modified 5 years, 7 months ago by hello43.

[hello43]

hello43

#257679

Hi,

I’m trying to add Google Tag Manager code to the header and body and it’s throwing an error. “Looks like something’s gone wrong. Wait a couple seconds, and then try again.”

Console shows error with admin-ajax.php

I’ve managed to add other stuff to the header and footer (preloading fonts, and adding amazon code into the footer). So I don’t know why this code is creating an error. Have Kadence pro membership and activated the add-ons (maybe I should do it again).

It’s bog standard GTag code (couldn’t paste it as Cloudflare blocked it, but it’s standard code).

Can you help?

Thanks,

Dana

• This topic was modified 5 years, 7 months ago by hello43.

[Hannah]

Hannah

#257623

Hey Rick,
One option for this would be to use the fourth Footer Widget Layout from Theme Options > Footer (one long row on top of three colmuns). Then from Appearance > Widgets you can use something like the Row Layout block to create a row with 4 columns in footer column 1. Then you can add an image widget to the first column, and Pinnacle: Info Box widgets to the others. Just set the icon style to none. Let me know how this works for you!

All the best,
Hannah

[rick]

rick

#257615

Hi,

Im the footer of my website I have a pinnacle social links widget. How can I make those links ‘nofollow’?

Rick

[rick]

rick

#257615

Hi,

Im the footer of my website I have a pinnacle social links widget. How can I make those links ‘nofollow’?

Rick

[Joie Hadinata]

Joie Hadinata

#257559

Hello, my site is *Login to see link

*Login to see link

currently cart message is above the product image.
do you know how can i move it below as like a sticky footer

the view cart button is to big on mobile, would you please help me to style it

Thank you,
Joie

[Joie Hadinata]

Joie Hadinata

#257559

Hello, my site is *Login to see link

*Login to see link

currently cart message is above the product image.
do you know how can i move it below as like a sticky footer

the view cart button is to big on mobile, would you please help me to style it

Thank you,
Joie

[rick]

rick

#257536

Hi,

I would like to have my contactinfo like in the image below:

I want this on all my pages, so I was thinking to use footer > sitewide footer shortcode

How can I make a shortcode that will show the contactinfo like in the image?

Rick
http://www.kloekkefotografie.nl

• This topic was modified 5 years, 7 months ago by rick.

[rick]

rick

#257536

Hi,

I would like to have my contactinfo like in the image below:

I want this on all my pages, so I was thinking to use footer > sitewide footer shortcode

How can I make a shortcode that will show the contactinfo like in the image?

Rick
http://www.kloekkefotografie.nl

• This topic was modified 5 years, 7 months ago by rick.

[Hannah]

Hannah

#257455

I think this css will work for you:

footer#containerfooter .container {
    width: 100%;
    max-width: none;
    padding: 0;
}
@media (min-width: 1200px) {
footer#containerfooter .container .row  {
    max-width: 1170px;
    margin: auto;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
footer#containerfooter .container .row  {
    max-width: 970px;
    margin: auto;
}
}
@media (min-width: 768px) and (max-width: 992px) {
footer#containerfooter .container .row  {
    max-width: 740px;
    margin: auto;
}
}
@media (max-width: 768px) {
footer#containerfooter .container .row  {
padding: 0 20px
}
}

Let me know!

Best,
Hannah

[Ben Ritner]

Ben Ritner

#257343

Hey Sara,

You can add css like this:

@media (min-width: 992px) {
  html, body {
    height: 100%;
  }
  html body #wrapper.container {
    min-height: 100%;
    position: relative;
    padding-bottom: 93px !important;
  } 
  #containerfooter {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

That would push the footer to the bottom of the screen.

Ben

[Hannah]

Hannah

#257315

Hi Sara,
I’m actually seeing your footer aligned at the bottom. What browser are you using? Could you send me a screenshot of what you’re seeing?

Thanks!
Hannah

[Ben Ritner]

Ben Ritner

#257277

I’m going to suggest you set the normal color not through css but in your footer settings for the row, you can set the link color there.

Then you can add this css for the sub menus:

#colophon .site-footer-row .widget-area .sub-menu a {
    color: var(--global-palette6) !important;
}

Ben

[Sara]

Sara

#257271

Hi Kadence Folks,

I need your help with, most likely, custom css to ensure my footer is always at the bottom of the browser; I have two pages that are light on content, so there’s a varying range of white space below the gray footer on those pages. I did find another topic that covered this, but the code did strange things to my existing footer so that didn’t work.

The pages are Home and Resources.

Really appreciate your insight and recommendations!
Sara

[Sara]

Sara

#257271

Hi Kadence Folks,

I need your help with, most likely, custom css to ensure my footer is always at the bottom of the browser; I have two pages that are light on content, so there’s a varying range of white space below the gray footer on those pages. I did find another topic that covered this, but the code did strange things to my existing footer so that didn’t work.

The pages are Home and Resources.

Really appreciate your insight and recommendations!
Sara

[Joie Hadinata]

Joie Hadinata

#257198

Thank you so much for the css

I removed the margin:auto so that it follows alignment that i set in footer customizer

I added the !important in this css so that it take effect.

.widget-area a:not(.button) {
color: var(–global-palette1) !important;
}

However what i want is just the submenu not the whole link
For example :
Aqua Culture : –global-pallete3
sub menu Our Work : –global-pallete6

would you please help to provide the css selector for footer submenu items.
Thank you
Joie

[Hannah]

Hannah

#257155

No, sorry. You have to select the entire container which includes the whole footer. I don’t believe there’s a workaround for this, but Ben will correct me if I’m wrong.

Hannah

[Hannah]

Hannah

#257148

Try adding this css:

aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget1.content-align-left.content-tablet-align-left.content-mobile-align-left.content-valign-top.content-tablet-valign-top.content-mobile-valign-top, aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget2.content-align-left.content-tablet-align-left.content-mobile-align-left.content-valign-top.content-tablet-valign-top.content-mobile-valign-top, aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget3.content-align-left.content-tablet-align-left.content-mobile-align-left.content-valign-top.content-tablet-valign-top.content-mobile-valign-top, aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget4.content-align-left.content-tablet-align-left.content-mobile-align-left.content-valign-top.content-tablet-valign-top.content-mobile-valign-top, aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget5.content-align-left.content-tablet-align-left.content-mobile-align-left.content-valign-top.content-tablet-valign-top.content-mobile-valign-top, aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget6.content-align-left.content-tablet-align-left.content-mobile-align-left.content-valign-top.content-tablet-valign-top.content-mobile-valign-top {
    width: 50%;
    margin: auto;
}

Is that more what you’re after?

You can use this css to adjust your footer menu color:

.widget-area a:not(.button) {
    color: var(--global-palette6);
}

Hope that helps!
Hannah

[Hannah]

Hannah

#257147

I’ll check with the developer and see if there are plans for something like that in the future.

1. Do you mean the mobile menu and the footer menu? Are you seeing more options then what is shown in the screenshot:

2. It depends on the widget and its source. If there’s a specific widget you’re thinking of I would be happy to help with styling.

Best,
Hannah

[Adam Helman]

Adam Helman

#257143

Hi

I’m using the Pro version of the theme and have enabled the Header/Footer Scripts add-on. In the customiser, I then add a few scripts to the header section (FB pixel, Google Tag Manager etc). However, I noticed that anything I add there is essentially placed last, i.e. just before the closing </head> tag.

Now, one of the scripts I’m planning to add is for cookiebot, and I know that particular script MUST be the absolutely first script to run. This is so that it can potentially disable cookies/scripts prior to a visitor’s consent. So a visitor visits the site and sees the cookie pop-up asking for consent. And any cookies/scripts marked by me as requiring consent before being activated will not take place until AFTER consent is given in the pop-up.

So this means I would need that header script to be first, i.e. immediately after the opening <head> tag. Is there a way to do that, please?

Many thanks

[Adam Helman]

Adam Helman

#257143

Hi

I’m using the Pro version of the theme and have enabled the Header/Footer Scripts add-on. In the customiser, I then add a few scripts to the header section (FB pixel, Google Tag Manager etc). However, I noticed that anything I add there is essentially placed last, i.e. just before the closing </head> tag.

Now, one of the scripts I’m planning to add is for cookiebot, and I know that particular script MUST be the absolutely first script to run. This is so that it can potentially disable cookies/scripts prior to a visitor’s consent. So a visitor visits the site and sees the cookie pop-up asking for consent. And any cookies/scripts marked by me as requiring consent before being activated will not take place until AFTER consent is given in the pop-up.

So this means I would need that header script to be first, i.e. immediately after the opening <head> tag. Is there a way to do that, please?

Many thanks

[Anita]

Anita

#257132

Thank you Hannah!

Is this possible to target the fullwidth css only to the footer credit area? Because your css affects the footer coloums above too, which I don’t want to be sitewide. Only the bottom, which has the gradient color.

Thanks a lot!!!
Anita

[Joie Hadinata]

Joie Hadinata

#257123

Here is my site now at dev.bangikan.id

The kadence footer has 3 colums, so i put 6 footer widgets. 1 column has 2 widgets.

Could you please help with CSS so i can divide the colums evenly.

How can i change the colour of the footer submenu (for example “Our Work”) to differ from the menu “Aqua Culture” ? For example taking from the –global-palette6 color ?

Thank you
Joie

• This reply was modified 5 years, 7 months ago by Joie Hadinata.
• This reply was modified 5 years, 7 months ago by Joie Hadinata.

[Joie Hadinata]

Joie Hadinata

#257118

Hello, thank you for your help

i did try the csss provided. Not quite the same result

In the desktop version, the footer is divided into 6 column
In the mobile version, the footer is divided into 2 column and several rows

Should i entered it by footer widget and type html ?

[Hannah]

Hannah

#257107

This css should affect your hover color:

.footercredits a:hover {
    color: #fff;
}

This css will make your footer container fullwidth:

footer#containerfooter .container {
    width: 100%;
    max-width: none;
    padding: 0;
}

Best,
Hannah