Search Results for 'footer'

[Sandy]

Sandy

#242182

I’m trying to display some affiliation logos in the ‘above footer widget’. I did it by inserting a gallery and set the columns to 5.

For the most part it works fine, but I would like to limit the height of the widget to 70 px (My logos are 50px high) and I can’t seem to get it to work.

Thanks as always

[Sandy]

Sandy

#242182

I’m trying to display some affiliation logos in the ‘above footer widget’. I did it by inserting a gallery and set the columns to 5.

For the most part it works fine, but I would like to limit the height of the widget to 70 px (My logos are 50px high) and I can’t seem to get it to work.

Thanks as always

[phil2]

phil2

#242158

Hi, I’ve used the solution in this post to fix the footer to the bottom of the browser window. But it is causing a different problem.

Certain items at the bottom of the page now hide behind the footer rather than stopping above it. Please could you help?
A good example is here.

Many thanks,
Phil.

[phil2]

phil2

#242158

Hi, I’ve used the solution in this post to fix the footer to the bottom of the browser window. But it is causing a different problem.

Certain items at the bottom of the page now hide behind the footer rather than stopping above it. Please could you help?
A good example is here.

Many thanks,
Phil.

[Ben Ritner]

Ben Ritner

#242124

Hey,
Here is what is in the works, Basically it will be a near-empty theme with some Gutenberg templates and key options theme related. Kadence Blocks Pro will add a “header” block and some blocks that are more for headers, footers and sidebars as well as Global styles within Kadence Blocks Pro so that nearly everything will be controlled through Kadence Blocks and Gutenberg. This will work with the full site editing that Gutenberg is building in. It’s not coming super soon because there are still things being worked out with Gutenberg and full site editing.

Ascend, Virtue and Pinnacle will bring in support for gutenberg templates as well but from a slightly different approach and more theme options based.

Ben

[Ben Ritner]

Ben Ritner

#241999

Hey,
You can add this in your footer scripts in the theme options > header and footer scripts:

<script type="text/javascript">
jQuery(window).load(function () {
jQuery('a[data-rel^="lightbox"]:not(".kt-no-lightbox"):not(".custom-link")').magnificPopup({
type:'image',
image: {
   titleSrc: function(item) {
 if (  item.el.parent('figure').find( 'figcaption' ).length ) {
      return item.el.parent('figure').find('figcaption').html();
}
   }
}
});
});
</script>

I hope that helps,

Ben

[Ben Ritner]

Ben Ritner

#241985

Hey,
There is not a way to show the full content using the post grid block. Perhaps I’ll add a separate section for it in the future but it’s currently only designed to show excerpts.

You can show the Ascend Testimonial Carousel via a shortcode, for example:

[carousel type="testimonial" columns="1" items="10"]

Early next year there will be full support for blocks as a header and footer, Gutenberg is almost there.

Ben

[Hannah]

Hannah

#241977

Hi Pedro,
This css should work for you:

.footerclass {
    padding-top: 0;
}
.footerbase {
    display: none;
}

Just paste that into your custom css box in Theme Options > Custom CSS.
Hope it helps!

Hannah

[pedro]

pedro

#241963

Hi, I wanted to ask for your help … I need to reduce the footer’s height.

the site is like this

and I want it that way…

Thanks!

[pedro]

pedro

#241963

Hi, I wanted to ask for your help … I need to reduce the footer’s height.

the site is like this

and I want it that way…

Thanks!

[Melanie]

Melanie

#241944

Hi Ben,

Thanks for that info.

I find the ascend theme to not be as good with the displaying of testimonials as the other themes – or maybe I am trying to do a bit more than I have previously? Having the testimonials in the Post Grid is great but I want to show the whole testimonial not just an excerpt.. is there any way of doing that? I think if i can show the full content it would be just about perfect! I have added the full text into the excerpt box but it still shows the … and readmore (which i can hide with css if I have to).

Is there a way to show the Ascend Testimonial Carousel on the page? It doesn’t come up under the widget in the blocks? Also with the blocks it would be handy to be able to show them in the footer / header widgets especially the buttons.

Regards, Mel

[AlexK]

AlexK

#241806

Hi hannah, at the moment the footer is hidden as I want my homepage to just be a landing page for now. I tried adding your code but the space remained

[Hannah]

Hannah

#241805

Hey,
It looks like that is just extra space that is not being taken up by content. If you’d like, you can set the background color to be the same as the footer so it blends in. This css would do it:

.contentclass {
    background: #f2f2f2;
}

Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#241755

I tried to clarify this at the beginning, it’s been really hard to understand what you wanted.

If you had to try and hack this in you would need to add css like this:

.widget_product_categories ul>li>.kt-toggle-sub {
    display: block;
    width: 30px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 7px;
    font-family: virtue_icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 24px;
    font-size: 11px;
    z-index: 11111;
    color: #555;
    border-bottom: 2px solid transparent;
    height: 24px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}
.widget_product_categories ul>li>.kt-toggle-sub:before {
    display: block;
    content: "\e3b2";
}
.widget_product_categories ul li > .kt-toggle-sub:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.widget_product_categories ul li.kt-drop-toggle > .kt-toggle-sub:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.widget_product_categories ul li ul.children{
  display:none;
}
.widget_product_categories ul li.kt-drop-toggle > ul.children {
  display:block;
}
.product-categories .cat-item a:after {
    display: none;
}
.product-categories li, .sidebar .product-categories li, .sidebar .widget_categories li {
    position: relative;
}

AND in your theme options > header and footer scripts you would need to add javascript like this in the footer scripts. But this is all outside of normal so upkeep on this code is going to require you manage it.

<script type="text/javascript">
jQuery(document).ready(function ($) {
$('.widget ul ul.children').each(function(){
			$(this).parent('li').append('<span class="kt-toggle-sub"></span>');
			if($(this).parent('li').find('.count').length ) {
				$(this).parent('li').addClass('kt-toggle-has-count');
			}
			if($(this).parent('li').hasClass('current-cat') || $(this).parent('li').hasClass('current-cat-parent') ) {
				$(this).parent('li').addClass('kt-drop-toggle');
			}
		});
		$('.kt-toggle-sub').click(function (e) {
				e.preventDefault(); 
				if($(this).parent('li').hasClass('kt-drop-toggle') ) {
				 	$(this).parent('li').removeClass('kt-drop-toggle'); 
				} else {
				 	$(this).parent('li').addClass('kt-drop-toggle'); 
				}
		});
});
</script>

Ben

[Hannah]

Hannah

#241690

Try adding this css:

.footerclass .container {
    max-width: none;
    width: 100%;
}
.footerbase {
    margin-top: 0;
}

Hope that helps!

Hannah

[Anita]

Anita

#241612

Hello Hannah!

Thank you for the css codes, it looks much-much better now!!!

One more thing: footercol4: can the row layout of this widget be full width, with 0px padding around?

Thanks a lot, Anita

[Hannah]

Hannah

#241602

Hey Anita,
I can help you create a workaround. From Theme Options > Footer Settings choose the first footer widget layout (with four columns). From Appearance > Widgets add your info boxes to the first three footer columns, then add your tags to the fourth. Then in Theme Options > Custom CSS add this:

@media (min-width: 992px) {
.col-md-3.col-sm-6.footercol4 {
    width: 100%;
}
.col-md-3.col-sm-6.footercol3, .col-md-3.col-sm-6.footercol2, .col-md-3.col-sm-6.footercol1 {
    width: 33%;
}
}

You can use column specific css like the following to have different backgrounds:

.col-md-3.col-sm-6.footercol1 {
background: #333;
}

Hope that helps!

Hannah

[Anita]

Anita

#241585

Hello Support team!

I have this website: *Login to see link

There are 2 footer widgets now:
line 1: with tags cloud
line 2: with 3 widget coloumns with phone number, etc..

My questions:

– I’d like to have the line 1 footer widget to be sisplayed under the line 2 widget. How I can do that?

– Is this possible to have these 2 footer widgets different background?

Thanks for your help in advance,

BR,
Anita

[Anita]

Anita

#241585

Hello Support team!

I have this website: *Login to see link

There are 2 footer widgets now:
line 1: with tags cloud
line 2: with 3 widget coloumns with phone number, etc..

My questions:

– I’d like to have the line 1 footer widget to be sisplayed under the line 2 widget. How I can do that?

– Is this possible to have these 2 footer widgets different background?

Thanks for your help in advance,

BR,
Anita

[Ben Ritner]

Ben Ritner

#241361

Hey,
You can use css like this:

#containerfooter {
        position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    z-index: 99998;
}

Ben

[Ben Ritner]

Ben Ritner

#241356

Hey,

You don’t have to use woocommerce. It’s only an example. You can use whatever you want or add your own html through the wp-footer hook. Either way, you have to use css to place it above everything. And use CSS to move everything down. It’s not just about hooking it into the top of the content because a sticky header is going to be absolutely positioned and not simply positioned by html output.

There are header settings for a lot of different styles and options. Depending on those, you would need different CSS, so that is why I asked for a link if the CSS is something you need help with.

I hope that better clarifies.

Ben

[pedro]

pedro

#241350

Sorry for not responding before, but I had been busy … what I need is this more or less:

floating footer always on the bottom and visible
http://jsfiddle.net/ZsnuZ/

[Del]

Del

#241313

Hi guys

I’ve just uploaded a site to live, and there seems to be a (pretty random) problem with icon images not loading on some pages. It seems to happen all the time on the home page with the right and left arrows on the Kadence slider, and the social media icons in the footer. On other pages the media icons sometimes show and sometimes don’t.

Here’s the site link: *Login to see link

Any thoughts?

[Del]

Del

#241313

Hi guys

I’ve just uploaded a site to live, and there seems to be a (pretty random) problem with icon images not loading on some pages. It seems to happen all the time on the home page with the right and left arrows on the Kadence slider, and the social media icons in the footer. On other pages the media icons sometimes show and sometimes don’t.

Here’s the site link: *Login to see link

Any thoughts?

[Hannah]

Hannah

#241176

OK, let us know if you need css to push your footer down in the future and we can figure out the conflict.

Hannah