Search Results for 'footer'

[Hannah]

Hannah

#245712

Hey Marc,
You can paste the script into your header and footer output in Theme Options > Header and Footer Scripts. Then paste the css into your custom css box in Theme Options > Custom CSS. No need for a child theme.

Hannah

[Frank]

Frank

#245700

I’m doing a Photography site. Did it with a theme forest theme didn’t like a few things with it so am rebuilding with Virtue.
I am still using the Picu Photo Proofing plugin however it is not displaying correctly in Virtue.
Here it is in the other theme:
*Login to see link
No header/footer…all black background.

Here it is in yours:
*Login to see link
The Header & Menu show and the background doesn’t display quite right.

I have uninstalled…installed with no luck
Picu of course wants to blame the theme.

Any idea how to make the second one ( white background with header ) to look like the first ( all dark )

[Frank]

Frank

#245700

I’m doing a Photography site. Did it with a theme forest theme didn’t like a few things with it so am rebuilding with Virtue.
I am still using the Picu Photo Proofing plugin however it is not displaying correctly in Virtue.
Here it is in the other theme:
*Login to see link
No header/footer…all black background.

Here it is in yours:
*Login to see link
The Header & Menu show and the background doesn’t display quite right.

I have uninstalled…installed with no luck
Picu of course wants to blame the theme.

Any idea how to make the second one ( white background with header ) to look like the first ( all dark )

[FRANK]

FRANK

#245625

Sorry, I meant the bar where visitors type their email address to subscribe. It’s currently black, same color as the footer background color. I prefer for the space where you would type your email, to be white so that it’s visible.

[Hannah]

Hannah

#245614

I’m seeing it working. Have you cleared your cache? You’re referencing the type text above the Subscribe button in your footer, correct?

Hannah

[FRANK]

FRANK

#245556

Hey,

The mailchimp email input for joining our mailing list is black, how can I change this to white so that it is visible? *Login to see link

[FRANK]

FRANK

#245556

Hey,

The mailchimp email input for joining our mailing list is black, how can I change this to white so that it is visible? *Login to see link

[Ben Ritner]

Ben Ritner

#245538

In a child theme you could add a function like this:

function custom_product_lightbox_off() {
  if ( is_singular('product') ) {
    echo  '<script type="text/javascript">jQuery(document).ready(function ($) {var magnificPopupEnabled = false;$.extend(true, $.magnificPopup.defaults, {disableOn: function() {return false;}});});</script>';
  }
}
add_action('wp_footer', 'custom_product_lightbox_off');

Ben

[Hannah]

Hannah

#245535

1. This post explains how to have a two column product layout in mobile: https://www.kadencewp.com/knowledge-base/two-product-columns-in-mobile/

2. Try adding this to your custom css box in Theme Options > Advanced Settings:

.footerbase p {
    color: #333;
}

Hope it helps!

Hannah

[Robin Eitel]

Robin Eitel

#245502

Hi there,

I’m trying to make a landing page that does not have the background image that the rest of the site has. I’ve been able to remove the header & footer with custom css, but I’m having trouble targeting the background.

tried this and it does not do the trick:
body .page-id-4111 {background-image:none !important; Background-color:#fff}

• This topic was modified 6 years, 2 months ago by Robin Eitel.

[Robin Eitel]

Robin Eitel

#245502

Hi there,

I’m trying to make a landing page that does not have the background image that the rest of the site has. I’ve been able to remove the header & footer with custom css, but I’m having trouble targeting the background.

tried this and it does not do the trick:
body .page-id-4111 {background-image:none !important; Background-color:#fff}

• This topic was modified 6 years, 2 months ago by Robin Eitel.

[Kimberly]

Kimberly

#245371

When I try to download my website pages offline on an android tablet in google chrome the header and footer color background colors are not how they appear when online. Any suggestions? http://www.tmpmodex.com

[Kimberly]

Kimberly

#245371

When I try to download my website pages offline on an android tablet in google chrome the header and footer color background colors are not how they appear when online. Any suggestions? http://www.tmpmodex.com

[Hannah]

Hannah

#245355

Hi Arjan,
You can enable the header and footer scripts from Theme Options > Theme Extensions.

Hannah

[Arjan]

Arjan

#245333

Hi Ben,

I’m with the same issue in Pinnacle, but can’t seem to find the header & footer code boxes in Pinnacle .. where are they located?

[Stephen]

Stephen

#245308

I have a couple questions:

1. Do you know if it’s possible to have the WooCommerce login form display in a page rather than a popup window? Similar to this: *Login to see link
2. Then on the create an account page, is there a way or a plugin I can download that will allow me create a more robust form for people to fill out to create the account? Like this: *Login to see link
3. Can I add a login button in the footer? Similar to the footer here: *Login to see link

[Stephen]

Stephen

#245308

I have a couple questions:

1. Do you know if it’s possible to have the WooCommerce login form display in a page rather than a popup window? Similar to this: *Login to see link
2. Then on the create an account page, is there a way or a plugin I can download that will allow me create a more robust form for people to fill out to create the account? Like this: *Login to see link
3. Can I add a login button in the footer? Similar to the footer here: *Login to see link

[Hannah]

Hannah

#245293

Answered here:
https://www.kadencewp.com/support-forums/topic/footer-font-size-change-and-font-type/

Hannah

[Hannah]

Hannah

#245291

To center the image change this css:

.footercredits:before {
    content: url(/wp-content/uploads/ideas4now-website-banner-white_lg.png);
}

to this:

.footercredits:before {
    content: url(/wp-content/uploads/ideas4now-website-banner-white_lg.png);
    margin: auto;
}

There isn’t a way to add a link to an image with only css. Sorry.

Hannah

[Marco]

Marco

#245263

Dear Hannah, yes it workded, both codes work great.

In regards to the first code

what code can I add to center the logo?

, as now the logo is displayed all the way on the left side

and what code to place a link to open in a new browser page when people click on the logo? Thanks!

.footercredits:before {
content: url();
}

[Hannah]

Hannah

#245254

Hey Marco,
Try using this css to add an image above you footer credits:

.footercredits:before {
    content: url();
}

This css should stretch your footer credits full-width:

.footerbase .container {
    width: 100%;
    padding: 0;
}

Hope it helps!

Hannah

[Marco]

Marco

#245235

How to add an IMAGE LOGO using CSS just on top of the footer credit? but with different background from the footer credit

I was able to add the logo on top of the footer credit, but it has the same background as the footer credit (green). I want the logo to have a white background and the footer text credit with the copyright and name of the site to have a green background.

I know that I can add an image to the footer widget, but that won’t work in this case because the image will be in a top location in the footer, and I need it to be in the bottom, just on top of the footer credit, so I prefer to add it using CSS

Also if you can help me to make the footer credit background to go completely from side to side, right now it doesn’t go all the way to the end. right now as you can see in the image the footer background in green color doesn’t go all the way to the end of the sides.

I made the footer credit to be green using this CSS code:

.footercredits p {
font-size: 16 px;
line-height: 30px;
color: #FFFFFF;
background-color:#1e7200;
text-align: center;
width: 100%;
}

This is the way it looks now:

[Marco]

Marco

#245235

How to add an IMAGE LOGO using CSS just on top of the footer credit? but with different background from the footer credit

I was able to add the logo on top of the footer credit, but it has the same background as the footer credit (green). I want the logo to have a white background and the footer text credit with the copyright and name of the site to have a green background.

I know that I can add an image to the footer widget, but that won’t work in this case because the image will be in a top location in the footer, and I need it to be in the bottom, just on top of the footer credit, so I prefer to add it using CSS

Also if you can help me to make the footer credit background to go completely from side to side, right now it doesn’t go all the way to the end. right now as you can see in the image the footer background in green color doesn’t go all the way to the end of the sides.

I made the footer credit to be green using this CSS code:

.footercredits p {
font-size: 16 px;
line-height: 30px;
color: #FFFFFF;
background-color:#1e7200;
text-align: center;
width: 100%;
}

This is the way it looks now:

[Marco]

Marco

#245221

Thanks Hanna, followuing up with the footer. I need to change a few elements if you can please help me.

1. I want to add background green color from side to side behind the copyright text in the footer, and also make the font of the copyright larger.

2. I want to change the font size of the text in the footer widgets.

3. Finally, I want to add one .PNG image just on top of the copyright, in the bottom of the footer.

Thanks and sorry for so many questons

[Ben Ritner]

Ben Ritner

#245194

Hey,
There isn’t css you can use to change the icon when open because there isn’t a class you can target. You would have to add in some javascript to listen for the change and update classes.

<script>
jQuery(window).load(function () {
jQuery('a.filter-trigger').on('click', function () {
jQuery(this).toggleClass( 'trigger-open' );
});
});
</script>

That can be added in your footer scripts in the theme options header and footer scripts.

Then you can use css like this:

a.filter-trigger:before {
    content: "\f067";
    font-family: kt-icon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
a.filter-trigger.trigger-open:before {
    content: "\f068";
}

[Hannah]

Hannah

#245169

Hey,
This css should do it for you:

.footernav ul li a {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

I can talk with the developer about built-in settings for these being added to the feature request list.

Hannah