Search Results for 'footer'

[Kevin]

Kevin

#223102

Here’s CSS that will make them show in 3 columns in mobile:

.footercol1, .footercol2, .footercol3 {
    width: 33%;
    float: left !important;
    clear: none;
}

I don’t recommend this though, as it hurts the responsiveness of your site and is a poor design.

-Kevin

[Kevin]

Kevin

#223066

Hello,

Adding this CSS to Theme Options> Advanced Settings should make the footer always 3 columns:

.footercol1, .footercol2, .footercol3 {
    width: 33%;
    float: left !important;
}

Let me know if that works for you.

-Kevin

[edouard]

edouard

#223038

Hi,

do you have any CCSS code to give me in order to turn my website footer (website : http://www.gyro-phare.com) in a responvie style ?

i mean by that my footer to appear in the witdh in one piece instaed of element apearing one after an other by scrolling.

Thanks,

Best regards

[edouard]

edouard

#223038

Hi,

do you have any CCSS code to give me in order to turn my website footer (website : http://www.gyro-phare.com) in a responvie style ?

i mean by that my footer to appear in the witdh in one piece instaed of element apearing one after an other by scrolling.

Thanks,

Best regards

[Kevin]

Kevin

#222762

Hello,

I’m not really sure if there is any configuration option within that plugin for this. Even if it could display horizontally instead of vertically, there is still the restriction of it being in your footer column. So without breaking the entire layout of your footer, there isn’t any way to get it to go across the bottom of your footer.

I’m not familiar with any other twitter feed plugins, but maybe Ben or Hannah are aware of some that will suit your needs.

-Kevin

[Nicola Crossley]

Nicola Crossley

#222733

Is there a way I can style a twitter feed so that it shows horizontally at the bottom – underneath the footer information rather than vertical each tweet going down so far off the bottom of the page.

This is the site I am working on:
*Login to see link

And I think I am using the Jetpack Twitter feed…………..if there is another plugin that can do what I want that suits the Ascend theme I’d be grateful if you could point me in the right direction. Or if there’s something I can do within the CSS to alter it.

Many thanks
Nic

[Nicola Crossley]

Nicola Crossley

#222733

Is there a way I can style a twitter feed so that it shows horizontally at the bottom – underneath the footer information rather than vertical each tweet going down so far off the bottom of the page.

This is the site I am working on:
*Login to see link

And I think I am using the Jetpack Twitter feed…………..if there is another plugin that can do what I want that suits the Ascend theme I’d be grateful if you could point me in the right direction. Or if there’s something I can do within the CSS to alter it.

Many thanks
Nic

[Ben Ritner]

Ben Ritner

#222692

Hey,

I see, your plugin is adding their css into the footer (so odd) and that is taking priority because it’s loaded last, you just have to make your css more specific, for example:

html body [class^="icon-"]:before, html body [class*=" icon-"]:before {
    font-family: "virtue_icons" !important;
}
.ssp-icon[class^="icon-"]:before, .ssp-icon[class*=" icon-"]:before {
    font-family: "gizmo" !important;
}

Ben

[Loren]

Loren

#222506

Hi Hannah:

No, I had a menu in the navigation widget within the footer that was not appearing on a mobile device. I believe I have it figured out though.

Thank you for that quick response!

-Loren

[Hannah]

Hannah

#222499

This css should work for you:

@media (min-width: 768px) {
.footernav ul {
    display: none;
}
}

Hannah

[Hannah]

Hannah

#222498

Hi Loren,
So you’re just wanting a footer in your menu but only on mobile, is that right? You can use the footer navigation menu enabled from Appearance > Menus. Then you can use css to hide it only on desktop. Would that work for you?

Hannah

[Loren]

Loren

#222489

Hi:

Is there a way I can edit the theme so a menu will show when using the Navigation Menu widget in the global footer when viewing the website on a mobile device? This menu is not selected for Mobile Navigation under the Menu Settings. We have another menu selected being used for primary navigation.

Thank you,
Loren

[Loren]

Loren

#222489

Hi:

Is there a way I can edit the theme so a menu will show when using the Navigation Menu widget in the global footer when viewing the website on a mobile device? This menu is not selected for Mobile Navigation under the Menu Settings. We have another menu selected being used for primary navigation.

Thank you,
Loren

[Ben Ritner]

Ben Ritner

#222308

Hey,
Can you link to the plugin? I’ll just add support for it and update the theme with that change, basically, just need to add in a filter to tell the base template wrapper to ignore those custom post types.

For a very temp fix that can get those looking normal right away add this into your custom css box in your theme options > custom css:

.single-sa_invoice #containerfooter, .single-sa_invoice .kt_footer_sitewide_shortcode, .single-sa_invoice #kad-banner, .single-sa_invoice #kad-mobile-banner, .single-sa_invoice #ktsidebar, .single-sa_invoice
 #kad-banner-sticky-wrapper {
    display: none;
}

Ben

[Christopher]

Christopher

#222299

Hi,

I’ve recently added an invoicing plugin to my website which should display my invoice pages with nothing but the invoice itself. When trying to view my invoice page, the theme header and footer are injected into the template. I reached out to the plugin developers and they assured me it was a theme issue. I switched themes and it worked as normal. Switched back to Virtue and the issue reappeared.

Message from invoice plugin support: “The header and footer should not be added automatically to your invoice and estimate templates. I’m assuming your theme is doing this via some WordPress non-standard. Can you talk to your theme author so they can resolve it?”

I wanted to reach out and see if you might be able to give me some insight as to how I could troubleshoot / fix this.

Website: *Login to see link
Invoice Page Example: *Login to see link

[Christopher]

Christopher

#222299

Hi,

I’ve recently added an invoicing plugin to my website which should display my invoice pages with nothing but the invoice itself. When trying to view my invoice page, the theme header and footer are injected into the template. I reached out to the plugin developers and they assured me it was a theme issue. I switched themes and it worked as normal. Switched back to Virtue and the issue reappeared.

Message from invoice plugin support: “The header and footer should not be added automatically to your invoice and estimate templates. I’m assuming your theme is doing this via some WordPress non-standard. Can you talk to your theme author so they can resolve it?”

I wanted to reach out and see if you might be able to give me some insight as to how I could troubleshoot / fix this.

Website: *Login to see link
Invoice Page Example: *Login to see link

[Christopher]

Christopher

#222133

It’s finally looking about like what we’re after, as far as the footer goes.

[Hannah]

Hannah

#221995

Hi Anders,
One option is to add a visual editor widget to your above the footer widget area. Then you can add a button shortcode and add in your custom styling. Would that work for you?

Hannah

[Christopher]

Christopher

#221973

Ok, so that was really the crux of my original question – should the image be declared in the footer somewhere or in the content area? Now I know. I’ll give that a whirl this afternoon and see if we can get there. Thanks for your help so far.

[Hannah]

Hannah

#221972

Before you had added the image to the bottom of your content area. Now it looks like you’ve added it as your footer background. I think the simpler solution is to add it to your content area. Then set your footer background as that green. Then use the css I gave previously to remove the padding at the bottom of the page. Did you try this?
As for your footerbase being a shade darker, I’m seeing this in your css:

.footerbase {
    background: rgba(0,0,0,.1);
    margin-top: 15px;
}

That is adding a shadow to the footerbase, making it appear a darker color. You can either remove that or make it transparent:

.footerbase {
    background: transparent;
}

Hannah

[Christopher]

Christopher

#221968

Unfortunately not. This is what I tried first, as outlined in the original post. It seems adding a background image to either “footer base background” or “footer background” within the advanced styling area does not, in and of itself, get me where we need to be. If you look at the site now, it’s somewhat closer, and I did have some custom CSS in two different places that was part of the problem. But, still, now with just the image and background color declared in the advanced styling area of the theme, I still have a footer area which starts with a graphic of one color then it goes darker in the “footerbase” portion despite the hex color being the exact same as the graphic. But, even more importantly, my footer text is laying over the detailed area of the footer’s background image. As shown in the mockups (linked in the first posting) we want the footer content to live in the solid area of the footer, with the grass detail above all of it. Seems so difficult to get there.

[Kevin]

Kevin

#221967

Hey,

Here’s some CSS that will change that button to match the other:

.above_footer_outer .kt-button {
    color: #8cc24b;
    background: rgba(255, 255, 255, 1);
    border-color: rgba(140, 194, 75, 1);
    border-radius: 30px !important;
}
.above_footer_outer .kt-button span {
    color: #8cc24b;
}

Does that work for you?

-Kevin

[Hannah]

Hannah

#221950

Hi Christopher,
It looks like you’ve set your footer base background color, but not the footer itself. Be sure to do that as well. Then add this to your custom css box in Theme Options > Custom CSS:

.contentclass {
    padding-bottom: 0;
}

I think that will get you the look you’re after, but let me know if not!

Hannah

[BG Anders]

BG Anders

#221948

Hi,
i try to insert a button in the “above footer widget”. Since there is no widget and no editor i tought i was smart and copied the html from a Kadence button from top of the same page because they need to look/behave the same. I am surprised to see that the html doesn’t have the styling and the button is grey, not green.

Here is what i can see in Gutenberg HTML editor:
<div class="wp-block-kadence-advancedbtn kt-btn-align-left kt-btns-wrap kt-btns_ac10e4-39 btn-bold"><div class="kt-btn-wrap kt-btn-wrap-0"><a class="kt-button kt-btn-0-action kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false" href="https://zahn-care/kontakt&quot; style="font-size:22px;border-radius:3px;border-width:2px"><span class="kt-btn-inner-text">TERMIN VEREINBAREN</span></a></div></div>

Any idea how to insert the same button (for ex. the first CTA button on the page) in a widget?

Thanks

[BG Anders]

BG Anders

#221948

Hi,
i try to insert a button in the “above footer widget”. Since there is no widget and no editor i tought i was smart and copied the html from a Kadence button from top of the same page because they need to look/behave the same. I am surprised to see that the html doesn’t have the styling and the button is grey, not green.

Here is what i can see in Gutenberg HTML editor:
<div class="wp-block-kadence-advancedbtn kt-btn-align-left kt-btns-wrap kt-btns_ac10e4-39 btn-bold"><div class="kt-btn-wrap kt-btn-wrap-0"><a class="kt-button kt-btn-0-action kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false" href="https://zahn-care/kontakt&quot; style="font-size:22px;border-radius:3px;border-width:2px"><span class="kt-btn-inner-text">TERMIN VEREINBAREN</span></a></div></div>

Any idea how to insert the same button (for ex. the first CTA button on the page) in a widget?

Thanks