Search Results for 'footer'

[Colin]

Colin

#217233

Hi team

I’ve got real problem on a live site – sakalajewes.co.uk

I originally set up a pair of sites with a small list widget. I then decided that the whole footer could be better done by using the footer facility. So I deleted the widget leaving the widget areas empty.

sakala.co.uk/goa played nice. The live site did not. On the web the list persists whatever I do.

I do not use caching plugins and have cleared my browser cache. I have tried hiding the elements with CSS. I tried placing another widet in colun four but that never showed up. I thought I would overide the whole footer template but the original is intentinally blank.

Help!

[Colin]

Colin

#217233

Hi team

I’ve got real problem on a live site – sakalajewes.co.uk

I originally set up a pair of sites with a small list widget. I then decided that the whole footer could be better done by using the footer facility. So I deleted the widget leaving the widget areas empty.

sakala.co.uk/goa played nice. The live site did not. On the web the list persists whatever I do.

I do not use caching plugins and have cleared my browser cache. I have tried hiding the elements with CSS. I tried placing another widet in colun four but that never showed up. I thought I would overide the whole footer template but the original is intentinally blank.

Help!

[Ben Ritner]

Ben Ritner

#217223

Hey,
1, Lighter yes it could be, hard to say whether that would make a visual difference though. That depends more on your server. Will certainly be more time consuming to create.

2. Yes a custom header would allow you to more easily add another menu. But as before you can code this as well.

I think this just comes down to what you want to do. If you feel comfortable and want to code it in then using a child theme and doing that is fine. If this is only for the home page though then making just one custom page in elementor with the header and footer as part of that page makes sense to me.

Ben

[Luis]

Luis

#217198

OH WOW that’s awsome….thanks so much I did not know that and that totally helps with the footer!.

[Luis]

Luis

#217175

can set the row that you’ve added the slider to “fullwidth stretched” and it will force the slider to go from one edge of the screen to the other.

Yes i am using site origin widgets, I see now that the widgets themselves don’t have this setting, it is the entire row which you can set.

In the home widgets and the footer widgets you don’t get the rows….so you need to use the home page content and in there you can stick the slider.
We managed to put the logos on an image and it looks pretty cool already so I think this does it for us.

I tried the blocks as well….I see wide width and full width but neither does the trick….guess im stilla site origin guy….I have it on the home page if you care to take a look, tomorrow I will remove it (the top one is with blocks, the bottom with site origin blocks and this one works).

Thanks a lot for all the help.

Luis

[cecilialocati]

cecilialocati

#217146

Hello,

I just upgraded to Virtue Premium and my Home Page is now blank (except for header, slider and footer). *Login to see link
The “latest blog” and the “icon menu” doesn’t show.
also my blog page is blank. *Login to see link
Could you please advise?

Thank you,
Cecilia

[cecilialocati]

cecilialocati

#217146

Hello,

I just upgraded to Virtue Premium and my Home Page is now blank (except for header, slider and footer). *Login to see link
The “latest blog” and the “icon menu” doesn’t show.
also my blog page is blank. *Login to see link
Could you please advise?

Thank you,
Cecilia

[Luis]

Luis

#217140

Try adding this CSS to Theme Options> Custom CSS:

THAT WORKED GREAT THANKS!!!

For the slider, try going to Theme Options> Footer, and find “Add shortcode here for output just above footer.”
I already have this and it works. But I was asking about doing the same thing in the footer or in the body of the page. If I use a widget it does not work (I have one placed right above the buttons and it does not go full width.

[Kevin]

Kevin

#217138

Sorry, I was thinking of Ascend and not Pinnacle. Try adding this CSS to Theme Options> Custom CSS:

.headerclass {
    background-color: rgba(255, 255, 255, 0.4);
}

For the slider, try going to Theme Options> Footer, and find “Add shortcode here for output just above footer.”

Place the shortcode there and let me know if it works for you.

-Kevin

[Luis]

Luis

#217133

Theme Options> Advanced Styling right? this is great, had not seen it. But I can only get it to change the transparency of the shrinked menu, the initial menu is still copletely transparent…is there a way to set the transparency of this initial menu?

Regarding the full width image. I have one set up right now in slider [kadence_slider_pro id=”5″] but if i stick it in a widget in the footer it does not go full width. If I put it in the home widget area also it will not go full width.
In order to show the slider I am using a text widget and placing the shortcode for the slider in the text. Maybe this is the problem. I don’t see a widget for kadence slider, only for revolution.

Thanks in advance.

[Kevin]

Kevin

#217102

I just remembered another solution that wont require any CSS or extra plugins. You can actually configure a fullwidth Kadence Slider and place it there to display across the entire screen width.

Just set it up with whichever image you like, then make sure to set it fullwidth. Then add it via shortcode to the above footer area, and you should be set.

Does that work for you?

-Kevin

[Peter]

Peter

#217076

This reply has been marked as private.

[Luis]

Luis

#217066

Hi,
So I have a site with a transparent header and a slider behind it and I really like how it looks, except that I can’t pick a menu color so that you can see the menu in all the slides. I was wondering if you can make the header semi-transparent, like it is in the shrinking menu when you scroll down. We would place the slider behind the header but the header would have a slight color so the menus can be read.
I hope I explained myself. I thought I could put it directly on to the images but perhaps there is a more elegant solution.

Another question:
I would like to place a full width image in the body of the home page or in the footer. Everything I tried seems to have some empty space on the sides. (edit) I found you can place a slider above the footer call to action and make it full width, any other options?

Thanks.

Luis
officialnauticalacademy.com

[Luis]

Luis

#217066

Hi,
So I have a site with a transparent header and a slider behind it and I really like how it looks, except that I can’t pick a menu color so that you can see the menu in all the slides. I was wondering if you can make the header semi-transparent, like it is in the shrinking menu when you scroll down. We would place the slider behind the header but the header would have a slight color so the menus can be read.
I hope I explained myself. I thought I could put it directly on to the images but perhaps there is a more elegant solution.

Another question:
I would like to place a full width image in the body of the home page or in the footer. Everything I tried seems to have some empty space on the sides. (edit) I found you can place a slider above the footer call to action and make it full width, any other options?

Thanks.

Luis
officialnauticalacademy.com

[bellprochile]

bellprochile

#217053

Thanks! Work for me using Header and Footer elementor plugin!

[Kevin]

Kevin

#217047

Hello,

One option would be to build the header with this plugin and add whatever content you want to the header through elementor:
https://wordpress.org/plugins/header-footer-elementor/

This could also probably be done with a child theme if you prefer.

Let me know what you think.

-Kevin

[Ben Ritner]

Ben Ritner

#217026

Hey,
Thanks for posting, You can edit through a child theme. Create a new file called custom-header.php or whatever, then through your child theme functions, you can hook that in.

First you unhook the theme header:

remove_action( 'ascend_header', 'ascend_header_markup' );
Then you add in your own custom one:

add_action( 'ascend_header', 'custom_render_header' );
function custom_render_header() {
get_template_part('custom-header');
}

So other options would be to use elementor, and an elementor header builder like: https://wordpress.org/plugins/header-footer-elementor/

Ben

[Peter]

Peter

#216988

Hi Kevin,

Thanks for your reply.
I’d prefer not to add a page builder if I can help it, seems overkill to add it just for the footer image. Is there no other way to achieve this? Like forcing full width on the footer widget area?

Many Thanks Kevin,
Anthony

[Kevin]

Kevin

#216861

Hello,

I suggest using page builder to add the content. In your footer widget area, use a “layout builder” widget. Then add your content to a row, and make sure that the row’s layout is set to “fullwidth stretched.”

Does that work for you?

-Kevin

[Peter]

Peter

#216850

Good Afternoon,

I’ve been trying to add an image above the footer that is full width however when using the Extra footer widget area or the footer layout with above the footer widget area they are never quite full width.

I can do this easily on a page however I’m wanting this to be site wide and not have to add it to every page.

Hope I’ve explained ok and that you can help.

Many thanks,
Anthony

[Peter]

Peter

#216850

Good Afternoon,

I’ve been trying to add an image above the footer that is full width however when using the Extra footer widget area or the footer layout with above the footer widget area they are never quite full width.

I can do this easily on a page however I’m wanting this to be site wide and not have to add it to every page.

Hope I’ve explained ok and that you can help.

Many thanks,
Anthony

[Ben Ritner]

Ben Ritner

#216708

First I have to strongly suggest for a better user experience that you not use Accordions for this amount of content. Accordions are the best when the content is small and generally equal in size.

Ideally, for the kind of content you have here, I would suggest vertical tabs or creating unique pages for each area and adding simple page navigation at the top.

Using Kadence Blocks you can easily add vertical tabs to your pages.

Now to explain what is happening. No scrolling runs when you click on an accordion to open or close but what changes is the height of your page. When you have mixed therapies open the height of your page increases by a lot and the user has to scroll down to see all the content. If that user scrolls down to 1500px as an example, then your page size changes from 2000px to 1500px all of the sudden that user is at the end of your page and not in the content.

This isn’t a bug as much as a consequence of the user experience you’ve created with adding all the content into the accordions. And there is no really reliable hack to make the browsers give this a better user experience.

BUT, you can certainly try using a hack if you want to keep with accordions for this content. In your theme options > theme extensions enabled the header and footer scripts. Then save the page and reload.

Next go to theme options > header and footer scripts and in the footer scripts section add this:

<script type="text/javascript">
jQuery(window).load(function () {
	jQuery(".accordion-toggle").click(function() {
		var $link = jQuery(this).attr('href');
		setTimeout( function () {
			if (jQuery($link).offset().top - jQuery(window).scrollTop() < 0) {
				jQuery(window).scrollTo($link, 1000, {offset: -60});
			}
		}, 300 );
	});
});
</script>

I hope that helps, clarifies and gives you some options.

Ben

[Kevin]

Kevin

#216700

Hello,

Try adding this CSS and let me know if it works for you:

.home footer#containerfooter {
    display: none;
}

-Kevin

[paul]

paul

#216698

Hi there.
Thank you very much for your help earlier. Do you think it would be possible to give me the css fo hiding the footer on my home page as well.
Kind regards, Paul
Here is the link
*Login to see link

[paul]

paul

#216698

Hi there.
Thank you very much for your help earlier. Do you think it would be possible to give me the css fo hiding the footer on my home page as well.
Kind regards, Paul
Here is the link
*Login to see link