Search Results for 'footer'

[Nadejda Jastrjembskaia]

Nadejda Jastrjembskaia

#238725

Hi Evryone,

Please help me to figure out how to align text in footer.

I have situation when I can’t control this:
Title is aligned by default to the lft
Text is alligned by default at the middle.

*Login to see link

What to do?

Thank you!

[Nadejda Jastrjembskaia]

Nadejda Jastrjembskaia

#238725

Hi Evryone,

Please help me to figure out how to align text in footer.

I have situation when I can’t control this:
Title is aligned by default to the lft
Text is alligned by default at the middle.

*Login to see link

What to do?

Thank you!

[Hannah]

Hannah

#238640

Hey,
This css will remove the gap:

.contentclass {
    padding-bottom: 0;
}

And this will adjust the font sizes:

.footernav ul li a {
    font-size: 14px;
}
.footercredits p {
    font-size: 14px;
}

Hope that helps!

Hannah

[Razia]

Razia

#238632

Hi,

I want to remove the gap between the contents and the header and footer.
How to increase the size of the footer texts. Like © 2019 Dimagh.pk or the footer menu items.

thanks.

[Razia]

Razia

#238632

Hi,

I want to remove the gap between the contents and the header and footer.
How to increase the size of the footer texts. Like © 2019 Dimagh.pk or the footer menu items.

thanks.

[David]

David

#238605

Thank you,

As the homepage is the only page on the site to have an image behind the menu, I can add some top padding to the element below it so hopefully it should be quite straightforward? Please can you advise which header element needs positioning? I’ve tried position:absolute on .headerclass but the logo disappears.

If we want to add any top images to more pages, or have any issues I’ll switch to Ascend but I’d rather not have to set up the menus, header and footer elements from scratch if it can be avoided.

Thanks for your help,
David.

[Hannah]

Hannah

#238499

Hey,
Do you mean the copyright footer text? You can add your affiliate link like this: <a href="http://yoururl">Kadence WP </a>Just paste that into the Footer Copyright Text tab from Theme Options > Misc Settings.

Hannah

[brianab]

brianab

#238484

I’m enquiring in regards to integrating the “affiliate link” automated option
at the footer of our website as a premium member. I get clicks on my theme but if
that is automated affiliate it’s already shooting bird at once.

[brianab]

brianab

#238484

I’m enquiring in regards to integrating the “affiliate link” automated option
at the footer of our website as a premium member. I get clicks on my theme but if
that is automated affiliate it’s already shooting bird at once.

[Hannah]

Hannah

#238377

Typically it is not needed at the page content will push the footer to the bottom of the page.

Hannah

[Hannah]

Hannah

#238306

Hi Angelo,
You can use css like the following to push your footer to the bottom:

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

Hope that helps!

Hannah

[Angelo Lazzari]

Angelo Lazzari

#238291

Hi, we are using ascend theme ( with siteorigin page builder) and, like in this page *Login to see link you can see how, when the page content is not enought, the footer climbs up the page and shows in the middle of it.

usually we add a white space on the page content to enlarge a bit the page lenght but is not a good solution.

is there a more elegant way to push the footer down to the browser bottom?

thank you very much
Angelo

[Angelo Lazzari]

Angelo Lazzari

#238291

Hi, we are using ascend theme ( with siteorigin page builder) and, like in this page *Login to see link you can see how, when the page content is not enought, the footer climbs up the page and shows in the middle of it.

usually we add a white space on the page content to enlarge a bit the page lenght but is not a good solution.

is there a more elegant way to push the footer down to the browser bottom?

thank you very much
Angelo

[Rebecca]

Rebecca

#238275

I would like to display the blog archives widget in the footer of my site. The footer has a dark grey background, so the widget is not showing up against it. Can you provide CSS that makes the widget the same color as the rest of the text in the footer? I’d also like to eliminate the hover on the month/year text, since the dropdown will bring adequate attention to the functionality of the tool.

Thank you.

[Rebecca]

Rebecca

#238275

I would like to display the blog archives widget in the footer of my site. The footer has a dark grey background, so the widget is not showing up against it. Can you provide CSS that makes the widget the same color as the rest of the text in the footer? I’d also like to eliminate the hover on the month/year text, since the dropdown will bring adequate attention to the functionality of the tool.

Thank you.

[Ben Ritner]

Ben Ritner

#238268

You do not need to edit any templates, certainly not the header.php file or footer.php file.

Ben

[veggievagabonds]

veggievagabonds

#238263

Hi Ben, I’m stil experiencing problems with the Elementor footer and header.

The current header is from my theme settings and is not from Elementor settings. The Elementor header is saved as a draft as Header Test 2 and is not live.

Whenever I try to create a header it changes the page background colour from white to grey and also cuts the homepage feature image at the top replacing it with a grey header colour. I have entered CSS to make a transparent sticky header until grey. If you scroll down you will notice the Elementor header is transparent and then turns green, but the header behind is grey. I haven’t put setting for this. Note, this is on the draft header which is not live.

Could Elementor be changing other forms of coding or theme files which are impacting different visual aspects of the page? Having looked on the footer.php and header.php it is still showing information for ‘ascend header’ and ‘ascend footer’. Could this be overriding Elementor settings?

Thanks in advance,

[Hannah]

Hannah

#238233

Hi Spencer,
Here is a response from the developer in reference to a similar request:

There isn’t any scrolling action happening when you collapse an accordion, the issue is that your page size changes and the browser by default stay where it was scrolled to. If you are 1200px down the page it stays there, if by collapsing the accordion the height of your page is how only 1000px the viewport will be showing the footer. This is one of the accessibility things with accordions and why many suggest it’s best to avoid accordions if you have a lot of content.

There isn’t a whole lot you can do but I do know of some javascript hacks that could force the browser to move to a specific area of the page.

Let me know if you would like a javascript hack and I will flag this for the developer.

Hannah

[Givan]

Givan

#238223

Hello,

We want to set up conversion tracking for our website. The marketing agency we work with send us the required Google and Facebook codes but i don’t know exactly were to place them.

One of the codes should be placed on the product page, under the <head> tag, another one on the thank you page, under the <head> tag and the last one one on the “add to cart” button.

Is it ok if i paste them in the “Header and Footer Scripts” under Theme Options?

Thank you!

Givan

[Givan]

Givan

#238223

Hello,

We want to set up conversion tracking for our website. The marketing agency we work with send us the required Google and Facebook codes but i don’t know exactly were to place them.

One of the codes should be placed on the product page, under the <head> tag, another one on the thank you page, under the <head> tag and the last one one on the “add to cart” button.

Is it ok if i paste them in the “Header and Footer Scripts” under Theme Options?

Thank you!

Givan

[Ben Ritner]

Ben Ritner

#238195

Hey,
Thanks for asking 🙂

First I suggest you add deferring scripts right now, there is no need to wait for an update. If you’re not using wp-rocket then https://wordpress.org/plugins/fast-velocity-minify/ is a great free option.

The main reason for the delay is Gutenberg. Things are certainly changing within WordPress and it is affecting everything I currently work on and how I work on it. I never planned to have 5.0 drag out this long but I’ve also had to make hard decisions about where I should spend my time.

If you haven’t seen this I suggest watching the video here: https://make.wordpress.org/core/2019/09/05/defining-content-block-areas/

It’s been a challenge to plan for long term stability within the WordPress space and understand what themes will need to be or how they should work going forward. Last year after investing some time really diving into the new editor I decided to go “all in” with blocks and our Kadence Blocks plugin is a major part of that which can effectively replace any page builder at this time.

That doesn’t mean I’m in any way moving on from theme development but I’ve delayed finishing 5.0 as I got our block plugin up to speed and as I waited to see how things were going to shake out with Gutenberg as a site editor.

With all that said I’ve added many improvements into Virtue in the last year. And of course, Kadence Blocks Pro has been included with the theme which I would argue was a huge improvement to the usability. So let me go through some of the 5.0 planned Road Map

– New Customizer integration, huge speed improvement while using it to customize things.
– Compleate re-write of Redux options framework for back end theme options
– Header Builder in the customizer
– Footer Builder in the customizer
– Typography settings add size units (em)
– Rewrite css structure ( not going to be 100% backward compatible with all child themes, there will be an option to disable it in favor of current structure )

– Refractor code to match current WCS: https://github.com/WordPress/WordPress-Coding-Standards
This is just about making the code easier to read, not much gain to the consumer but important for long term health of the theme. I’ve currently completed over 80% of this throughout the theme files and that is out in the latest updates.
This means a lot of code changes for better compatibility with other plugins as well.

– Optimize framework css code. – This will go live with version 4.9.17 and have around a 10% saving in size
– Divide off parts of css and load only when needed Woocommerce(done), Pagebuilder(done), Icons(done), Custom post types (in process), select2(in process), lightbox(in process).
– Divide off parts of javascript and load only when needed – This is mostly done already and included. For example, the main js file went from 127kb to 82kb.

– Custom Post type settings so they don’t just inherit from blog posts – Done

I don’t yet have a reliable timeframe for 5.0

Ben

[Ben Ritner]

Ben Ritner

#238113

Problem 1
In your stage site, you have the latest version of the theme.

On your target site, you do not.

You need to fix that.

Problem 2
In both sites, you have a child theme that is breaking all good practices. Instead of editing only what you need you seem to have copied almost every file into the child theme. Child themes are your responsibility to update and manage. Every file you copy over becomes something you have to update with every theme update. I can’t make sense of what you are trying to accomplish with a child theme so it seems you may be misunderstanding how they work and how to use one.

Here is a good outline:
You only need a child theme if you intend to edit PHP code in the theme, If you just want to add some css or tweak something small you do not need a child theme.

If you use a child theme you should only every copy template files into it and only the template files that you intened to override with your own custom code. You should never include functions files.

Problem 3
If you activate the parent theme (instead of your child theme) then go to appearance > customizer and look in your custom CSS area you are adding this:

#logo,
.headerclass {display: none;}
#containerfooter, 
.footerbase {display: none;}

That css doesn’t make sense to add and breaks your site so is likely there by mistake or misunderstanding. It should be removed.

Hopefully, that helps and gets you started on the right path. Your main critical issue is that your child theme should not be used in the state it is currently in.

Ben

[Sara]

Sara

#238106

Good morning-

I’m using the Ascend accordion widget towards the bottom of a page and, when expanded in Chrome (Firefox and Safari are fine), the whole page stops scrolling about halfway through the accordion contents so that it looks like the page ends there; can’t scroll down to view the footer. If I expand the browser window, I’m then able to view the whole page.

I’d originally had Smooth Scrolling ‘On’ in the Misc Settings, but went in and turned it off. It seems that I have to adjust the browser window to fit the screen to get everything to display properly but am concerned site visitors won’t know to do this to see everything.

Hoping my rambling makes sense; here’s a link to the specific page: *Login to see link

Thanks,
Sara

[Sara]

Sara

#238106

Good morning-

I’m using the Ascend accordion widget towards the bottom of a page and, when expanded in Chrome (Firefox and Safari are fine), the whole page stops scrolling about halfway through the accordion contents so that it looks like the page ends there; can’t scroll down to view the footer. If I expand the browser window, I’m then able to view the whole page.

I’d originally had Smooth Scrolling ‘On’ in the Misc Settings, but went in and turned it off. It seems that I have to adjust the browser window to fit the screen to get everything to display properly but am concerned site visitors won’t know to do this to see everything.

Hoping my rambling makes sense; here’s a link to the specific page: *Login to see link

Thanks,
Sara

[Hannah]

Hannah

#238051

Try using this css:

.col-md-3.col-sm-6.footercol1, .col-md-3.col-sm-6.footercol2, .col-md-3.col-sm-6.footercol3, .col-md-3.col-sm-6.footercol4 {
    text-align: center;
}

Does that work for you?

Hannah

[Ben Ritner]

Ben Ritner

#238009

You just don’t have the posts set up so your category widget is mostly empty.

Anyway I added this css:

@media (min-width: 480px){
    #containerfooter .widget_categories ul li {
        width: 50%;
        float: left;
    }
}
@media (min-width: 767px){
    #containerfooter .widget_categories ul li {
        width: 33.33%;
        float: left;
    }
}
@media (min-width: 992px){
    #containerfooter .widget_categories ul li {
        width: 25%;
        float: left;
    }
}
@media (min-width: 1200px) {
#containerfooter .widget_categories ul li {
    width: 16.67%;
    float: left;
}
}

#containerfooter .widget_categories ul:after {
    clear: both;
    display: table;
    content: '';
}

#containerfooter .widget_categories ul li a {
    border-bottom: 0;
    margin-right: 10px;
}

You can see with the widget I added in your footer.

Ben

[Ulrika]

Ulrika

#237995

Hello
I would like to change the color of the back to top button in the footer, to #eaa835 (orange) for better visibility.
Is that possible?

Thank you in advance
Ulrika

[Ulrika]

Ulrika

#237995

Hello
I would like to change the color of the back to top button in the footer, to #eaa835 (orange) for better visibility.
Is that possible?

Thank you in advance
Ulrika