Search Results for '1 column footer'

[Christian]

Christian

#110759

I nearly finished re-layouting my page. But I find no solution for the fact the company name in the contact widget in footer column 3 isn’t dispayed unless I mark it.

Actual custom CSS is:

.topbarmenu ul li a {
color: #ffffff;
} 
#nav-main .sf-menu a {
	color: white;
}
#nav-main .sf-menu .sf-dropdown-menu a {
	color:white;
}
#containerfooter .menu li a {
max-width: 90%;
}
#containerfooter .menu li a {
	color:#fff;
}
#containerfooter {
    color: #fff;
}
}
.footerclass h3 {
font-size: 18px;
}
#containerfooter h3, #containerfooter {
    color: #fff;
}
.footerclass {
font-size: 14px;
}
.footerclass ul li a {
    color: #fff;
}
@media (min-width: 300px){
.product-img-case {
    float: right;
}
}

Does anyone know what’s missing/wrong?

Furthermore, I’d like to change the color of the background box that’s displayed whe I hover over the link. Hoe does that work?

Thanks a lot!

Chris

[HsiaoLan]

HsiaoLan

#110319

In this url
*Login to see link
below the footer column, the bottom line said 2016 Virtue Premium – WordPress Theme by Kadence Themes
with “Home/Cart/Contact Us/Staff/My Account links”, I’ve trying to do add the same links in the bottom but have no idea, can someone guide me the flow? Thanks a lot!

Mila

[HsiaoLan]

HsiaoLan

#110319

In this url
*Login to see link
below the footer column, the bottom line said 2016 Virtue Premium – WordPress Theme by Kadence Themes
with “Home/Cart/Contact Us/Staff/My Account links”, I’ve trying to do add the same links in the bottom but have no idea, can someone guide me the flow? Thanks a lot!

Mila

[Mark Wingler]

Mark Wingler

#107929

This reply has been marked as private.

[Ekaterina]

Ekaterina

#107811

Thank you, Ben. The 1st and 2nd columns are smaller than the 3d and the 4th one. Can I arrange the the 3d and the 4th one too? Can I get rid of the bullet points? And also the headings of the footer look disproportional. Is it possible to make it smaller too?
Cheers

[Ekaterina]

Ekaterina

#107621

Hello!
I’ve added the custom menu widget to one of my footer columns but the text is coming up really big. How do I change the font size?
I added to CSS

#containerfooter .menu {
font-size: 14px;
text-align: left;
}
#containerfooter {
width: 100%;
}

and after I tried

.footer-widget .widget_nav_menu ul li {
font-size: 10px;
}

Nothing worked. Please help to understand what I do wrong.
Thank you!!

[Ekaterina]

Ekaterina

#107621

Hello!
I’ve added the custom menu widget to one of my footer columns but the text is coming up really big. How do I change the font size?
I added to CSS

#containerfooter .menu {
font-size: 14px;
text-align: left;
}
#containerfooter {
width: 100%;
}

and after I tried

.footer-widget .widget_nav_menu ul li {
font-size: 10px;
}

Nothing worked. Please help to understand what I do wrong.
Thank you!!

[Mark Wingler]

Mark Wingler

#107228

How do I change the backscreen color of the footer area? Also, is there anyway to use my logo font in the “footer Column 1” area of template?

Thank you,

Mark

[Mark Wingler]

Mark Wingler

#107228

How do I change the backscreen color of the footer area? Also, is there anyway to use my logo font in the “footer Column 1” area of template?

Thank you,

Mark

[Saskia]

Saskia

#105162

Hi there,

I’ve added the custom menu widget to one of my footer columns but the text is coming up really big. How do I change the font size and style for a custom menu widget? Can I do it within the theme options or do I have to add custom css (if I do, what is the css I need to add)?

I’d also like the text to be left aligned rather than indented.

And I want to make the footer block full page width – how do I do that?

Here’s a link to how it’s looking now *Login to see link

Cheers!

Saskia

[Saskia]

Saskia

#105162

Hi there,

I’ve added the custom menu widget to one of my footer columns but the text is coming up really big. How do I change the font size and style for a custom menu widget? Can I do it within the theme options or do I have to add custom css (if I do, what is the css I need to add)?

I’d also like the text to be left aligned rather than indented.

And I want to make the footer block full page width – how do I do that?

Here’s a link to how it’s looking now *Login to see link

Cheers!

Saskia

[leila.kubegusa]

leila.kubegusa

#105156

Hi Team

Having an issue that I spent a lot of time troubleshooting myself but I can’t figure out. Hopefully you can point me in the right direction…

On the home page, I have a pagebuilder on the home widget, that among other things, has a two column row with 2 icon boxes
the idea is for the 2 icon boxes to be side by side and have the same size and dimensions
I noticed that that only depends on how much content (incl spaces) I put in there
So I managed to have them look the same through that formatting

I want to have the same 2 icon boxes at the bottom of my blog posts – which worked well too

But then, for some reason I can’t get the same dimensions to show at the bottom of my pages unless I remove the actual icon

The reason I think is some conflict with a Convertkit optin form in the 2nd box (on the right side each time)

But I don’t understand why this works on my home page and blog posts, but not on pages…

As you can see, it’s about the 2nd icon box that contains the optin.
On pages, I need to delete the actual icon (a heart – see home page) to get the 2nd box to match the dimensions of the 1st box
For some reason, on pages, there is an extra blank space between the text and the optin form that is larger than on the home page or blog posts

However, the code is the same for that 2nd box on all 3 (blog post, home page, page)

What am I missing..? Any ideas..? I hope my explanation is clear to you. Let me know if you need more info.

Thanks in advance for looking at this.
Leila

PS I just noticed something else that feels related…

I have another optin form (different one) in my 2nd footer. On the home page and blog posts, it is nicely aligned, but on Pages, it is more to the bottom right.
I am also checking with the folks at Convertkit if there is something about their forms or code that behaves differently on WP Pages than on posts or other..
It seems that for some reason Pages are handling the code different, or, that the optin form handles Pages differently.. not sure which it is..
This optin form in the footer is not configured separately for pages or home and posts, so that makes it extra confusing to me. In the previous story at least the 2 icon boxes are configured each time for each location separately, though the code when I look at it, is exactly the same… Help!

[leila.kubegusa]

leila.kubegusa

#105156

Hi Team

Having an issue that I spent a lot of time troubleshooting myself but I can’t figure out. Hopefully you can point me in the right direction…

On the home page, I have a pagebuilder on the home widget, that among other things, has a two column row with 2 icon boxes
the idea is for the 2 icon boxes to be side by side and have the same size and dimensions
I noticed that that only depends on how much content (incl spaces) I put in there
So I managed to have them look the same through that formatting

I want to have the same 2 icon boxes at the bottom of my blog posts – which worked well too

But then, for some reason I can’t get the same dimensions to show at the bottom of my pages unless I remove the actual icon

The reason I think is some conflict with a Convertkit optin form in the 2nd box (on the right side each time)

But I don’t understand why this works on my home page and blog posts, but not on pages…

As you can see, it’s about the 2nd icon box that contains the optin.
On pages, I need to delete the actual icon (a heart – see home page) to get the 2nd box to match the dimensions of the 1st box
For some reason, on pages, there is an extra blank space between the text and the optin form that is larger than on the home page or blog posts

However, the code is the same for that 2nd box on all 3 (blog post, home page, page)

What am I missing..? Any ideas..? I hope my explanation is clear to you. Let me know if you need more info.

Thanks in advance for looking at this.
Leila

PS I just noticed something else that feels related…

I have another optin form (different one) in my 2nd footer. On the home page and blog posts, it is nicely aligned, but on Pages, it is more to the bottom right.
I am also checking with the folks at Convertkit if there is something about their forms or code that behaves differently on WP Pages than on posts or other..
It seems that for some reason Pages are handling the code different, or, that the optin form handles Pages differently.. not sure which it is..
This optin form in the footer is not configured separately for pages or home and posts, so that makes it extra confusing to me. In the previous story at least the 2 icon boxes are configured each time for each location separately, though the code when I look at it, is exactly the same… Help!

[RandomNickname]

RandomNickname

#103247

Hi there.

I have a couple of issues with my new footer that I can’t resolve.

1. The Menu I have created and added under “Information” doesn’t seem to be full width in its container. The “Terms and Conditions”, for instance, is split into two lines for some reason?

2. When viewed on mobile devices, the content in the Footer Columns are completely full width and starts and ends on the very first pixel of the screen. How can I add 10% padding on either side of each individual Footer Columns without affecting the footer width itself (avoiding a white border)?

Logins below. Thank you!

[RandomNickname]

RandomNickname

#103247

Hi there.

I have a couple of issues with my new footer that I can’t resolve.

1. The Menu I have created and added under “Information” doesn’t seem to be full width in its container. The “Terms and Conditions”, for instance, is split into two lines for some reason?

2. When viewed on mobile devices, the content in the Footer Columns are completely full width and starts and ends on the very first pixel of the screen. How can I add 10% padding on either side of each individual Footer Columns without affecting the footer width itself (avoiding a white border)?

Logins below. Thank you!

[Ben Ritner]

Ben Ritner

#102908

Hey,
1. The logo is in a column that is 25% of the footer area. Are you wanting to make the logo area larger then the others and if so how much larger?

2. Just to be clear, I think your talking about here: https://www.kadencewp.com/need-for-speed/ And there I recommend cloud-flares business plan but give caution about there free plan.
But you would be best to talk with your host or cloud flare about this. I believe cloudflare as a good system for clearing it’s caching and if you haven’t been using that then that would be a good place to start in terms of making sure you don’t see old versions of your site. But there should also be a simple way for cloudflare to turn off caching while your developing.

Ben

[Sybella]

Sybella

#102880

This reply has been marked as private.

[Rick]

Rick

#102313

On our main site ( *Login to see link ) if you scroll to the bottom we have a list of our sponsors in the widget area. Is there a way to remove the turquoise color above and on the sides of footer column 1 widget using css? We would like it to be full width.

On our other test site ( *Login to see link ) we are using short code and a plugin to insert a sponsors page on the bottom. However, it conflicts with other plugins. Is there a way to get the widget area on the main site to look like this test site’s sponsor area?

Thank you for the help

[Rick]

Rick

#102313

On our main site ( *Login to see link ) if you scroll to the bottom we have a list of our sponsors in the widget area. Is there a way to remove the turquoise color above and on the sides of footer column 1 widget using css? We would like it to be full width.

On our other test site ( *Login to see link ) we are using short code and a plugin to insert a sponsors page on the bottom. However, it conflicts with other plugins. Is there a way to get the widget area on the main site to look like this test site’s sponsor area?

Thank you for the help

[Corey]

Corey

#102065

For product boxes that have product add-ons, Ben wrote a nice little snippet that would allow the boxes to “push” either boxes below or content below down as opposed to being over or underlapped… code below:

<script type="text/javascript">
jQuery(document).ready(function ($) {
$('.product-addon .addon-checkbox').change(function() {
var $container = $('.init-isotope'),
iso_selector = $('.init-isotope').data('iso-selector');
function kt_refreash_iso(){
$container.isotopeb({masonry: {columnWidth: iso_selector}, transitionDuration: '0s'});
}
setTimeout(kt_refreash_iso, 100);
});
});
</script>

However, ever since the last update (or two possibly) the snippet no longer works… I added the snippet to one of the text widgets on the footer, FYI.

Does anyone know how to modify the snippet to make it work again?

Thanks!

Example Page: *Login to see link

[Corey]

Corey

#102065

For product boxes that have product add-ons, Ben wrote a nice little snippet that would allow the boxes to “push” either boxes below or content below down as opposed to being over or underlapped… code below:

<script type="text/javascript">
jQuery(document).ready(function ($) {
$('.product-addon .addon-checkbox').change(function() {
var $container = $('.init-isotope'),
iso_selector = $('.init-isotope').data('iso-selector');
function kt_refreash_iso(){
$container.isotopeb({masonry: {columnWidth: iso_selector}, transitionDuration: '0s'});
}
setTimeout(kt_refreash_iso, 100);
});
});
</script>

However, ever since the last update (or two possibly) the snippet no longer works… I added the snippet to one of the text widgets on the footer, FYI.

Does anyone know how to modify the snippet to make it work again?

Thanks!

Example Page: *Login to see link

[Kevin]

Kevin

#101928

1. What do you want to change about the product titles? You’ll have to be more specific.

2. I believe what Ben said above applies here as well.
See here: https://docs.woothemes.com/document/template-structure/

You can change the number of footer columns via Theme Options> Footer.

[Jonathan Zvonko]

Jonathan Zvonko

#100466

Hello Ben,

Things are operating almost normally again, after using the plugin you advised. It claims to have all new. references replaced. Also I figured out the french site issue, some minor details will have to be resolved with polylang support. I did look at some entries in PhPMyAdmin without making any changes there. I wanted a direct way to see if all the new. references were gone.

I wonder if you checked on your end do you still get any remaining messages :

(index):1 Font from origin ‘http://www.alarch-skylights.com’ has been blocked from loading by Cross-Origin Resource Sharing policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://new.alarch-skylights.com’ is therefore not allowed access.

The reason why I ask is that in my footer widget, a virtue call to action button will only work when in mobile mode/size. It wasn’t like this before. I tried to just remake the button, but it still keeps the same issue. Also the search widget that is in another column in the footer is inactive in the english version of the site but fine in mobile mode and fine in all modes in french. Deleting and then adding search widget made no difference. Another call to action button in another footer column was easy to correct. (I have 4 colunms in footer.) Also some google images of our media still links to new.alarch-…. but this I believe is their own cache hasen’t been updated, as all media on the website is ok.

I managed to also get the secondary menu to appear as it had previously, so waiting to get confirmation and I will mark this solved.

[Kevin]

Kevin

#99891

I believe that the best way to accomplish this would be to set up your footer with widgets only in your 1st footer column.

After you’ve got your widgets where you want them to be, then you would need to use a bit of CSS to get them to display how you want.

This is the CSS I used on my test site, but it may need to be altered depending on the widgets that you’re using.

#containerfooter .col-md-6 {
    width: 100%;
    text-align: center;
}

Be sure to place the CSS into Theme Options> Advanced Settings.

Let me know if this works for you.

[Simone]

Simone

#97960

This reply has been marked as private.

[Simone]

Simone

#97882

Hi Ben Thanks for your replay!

No matter how it’s display on mobile, I assume It is shown vertically, and no matter the order.
But on desktop yes, I’d like the chance to put 3 items inline that is:

Copyright – Footer menu – 3 or 4 small thumbs logos

Am I forced to create a child theme?

I could also use one of the footer widget column, it’s ok if the thumbs are above the line,
but the widget Custom Menu I can add to the widget area puts the links vertically and I don’t know how to display them horizzontally :-/
this is the reason I’d like to use footer menu located on the center.

In this moment I can’t show the link because the site is in Maintanance mode.
I add an image, hope it can helps…

Thank you very much.

Simone

[Jennie]

Jennie

#96764

Hi!

I’ve been struggling with two particular issues for the site http://www.herbinjewellers.ca.

1.
I’m trying to align the items in my Footer, Column 1 Custom Menu (ABOUT US) with the title.
This is what I’ve tried:

footer#containerfooter #nav_menu-15 ul li a {
margin: 0;
}

This adjusted their position to the left, but it still isn’t flush with the title for some reason.

2.
I’ve also been trying to change the colour of the Search-Magnifying Glass symbol in the Topbar.

The following changed the colour of the “Search” text, but not the symbol:

#topbar-search .form-search ::-webkit-input-placeholder {
color: #5e5e5e;
}
#topbar-search .form-search :-moz-placeholder {
color: #5e5e5e;
}
#topbar-search .form-search ::-moz-placeholder {
color: #5e5e5e;
}
#topbar-search .form-search :-ms-input-placeholder {
color: #5e5e5e;
}

Hope you’re having a great day! Your help with these issues would be greatly appreciated!

Thank you!!

Jennie

[Jennie]

Jennie

#96764

Hi!

I’ve been struggling with two particular issues for the site http://www.herbinjewellers.ca.

1.
I’m trying to align the items in my Footer, Column 1 Custom Menu (ABOUT US) with the title.
This is what I’ve tried:

footer#containerfooter #nav_menu-15 ul li a {
margin: 0;
}

This adjusted their position to the left, but it still isn’t flush with the title for some reason.

2.
I’ve also been trying to change the colour of the Search-Magnifying Glass symbol in the Topbar.

The following changed the colour of the “Search” text, but not the symbol:

#topbar-search .form-search ::-webkit-input-placeholder {
color: #5e5e5e;
}
#topbar-search .form-search :-moz-placeholder {
color: #5e5e5e;
}
#topbar-search .form-search ::-moz-placeholder {
color: #5e5e5e;
}
#topbar-search .form-search :-ms-input-placeholder {
color: #5e5e5e;
}

Hope you’re having a great day! Your help with these issues would be greatly appreciated!

Thank you!!

Jennie

[Adam]

Adam

#96738

Hey guys,

So I finally launched the site I’ve been working on (see here), and all is good except for a number of glitches that were found when viewing the site on an iPhone. The website works fine on my Android phone, but now that it’s live it seems like not all devices show it the same way. (no kidding)

The problems I’ve been notified of include:

1) The Artist pages displaying incorrectly, with it looks like columns overlapping. (see below)

2) The footer on the Records page displaying incorrectly and floating over the body content. (see below)

. . . . . . .

Do you have any ideas what could be causing these glitches? Is there any kind of service online that lets you tests websites how they appear on other devices (I know these exist for testing on different browsers). It would be great if I could see what the problems were and fix them myself.

Oh, also, it appears that some of the Google Fonts are failing to load up. Strange.

Thanks as always,

-Adam

[Adam]

Adam

#96738

Hey guys,

So I finally launched the site I’ve been working on (see here), and all is good except for a number of glitches that were found when viewing the site on an iPhone. The website works fine on my Android phone, but now that it’s live it seems like not all devices show it the same way. (no kidding)

The problems I’ve been notified of include:

1) The Artist pages displaying incorrectly, with it looks like columns overlapping. (see below)

2) The footer on the Records page displaying incorrectly and floating over the body content. (see below)

. . . . . . .

Do you have any ideas what could be causing these glitches? Is there any kind of service online that lets you tests websites how they appear on other devices (I know these exist for testing on different browsers). It would be great if I could see what the problems were and fix them myself.

Oh, also, it appears that some of the Google Fonts are failing to load up. Strange.

Thanks as always,

-Adam