Search Results for '1 column footer'

[avery]

avery

#214231

Hi,

I would like to increase the size of the text inside the testimonial box. I also want to decrease the size of the name at the bottom without changing the body text of the rest of my site.

*Login to see link

I have the testimonial carousel in the footer column 1.

Thanks,
Avery

[avery]

avery

#214231

Hi,

I would like to increase the size of the text inside the testimonial box. I also want to decrease the size of the name at the bottom without changing the body text of the rest of my site.

*Login to see link

I have the testimonial carousel in the footer column 1.

Thanks,
Avery

[Kevin]

Kevin

#212008

That should be within your footer column 1. If you don’t see it, then try clearing your site’s cache to make sure it’s not being loaded from a previous cache.

-Kevin

[Ben Ritner]

Ben Ritner

#211495

There isn’t a 5th widget area to call into the footer so you can use a child theme and code this but its more then one small change. You would need to create that 5th widget area first

Then edit the templates/footer.php file and add in the call for this widget area.

If you prefer that you can use the functions.php file in your child theme to create the widget area:

function custom_widget_area_init() {
      register_sidebar(array(
        'name' => __('Footer Column 5', 'virtue'),
        'id' => 'footer_5',
        'before_widget' => '<div class="footer-widget widget"><aside id="%1$s" class="%2$s">',
        'after_widget' => '</aside></div>',
        'before_title' => '<h3>',
        'after_title' => '</h3>',
      );
}
add_action('widgets_init', 'custom_widget_area_init');

Then in the templates footer.php between lines 101 and 102 you can add this:

<?php if (is_active_sidebar('footer_5') ) { ?>
<div class="col-md-25 footercol5">
<?php dynamic_sidebar('footer_5'); ?>
</div> 
<?php }; ?>
<?php } ?>

Then post back because you will need some css to make this all align in a row.

Ben

[IOANA]

IOANA

#211455

same to be in the footer column 1

[Hannah]

Hannah

#211402

Hey Claude,
A workaround could be to use the last or second to last Footer Widget Layout (with the long row on top) from Theme Options > Footer. Then navigate to Appearance > Widgets and, if using page builder by siteorigin, add the layout builder widget to footer column 1. Then create a row with 5 columns and add whatever content you want to each. Then just leave your other footer columns empty. Would this work for you?

Hannah

[Stephen]

Stephen

#206827

Hi Ben & Hannah,
I’m attempting to center the table with the mobile app badges on the footer of this site: *Login to see link
I’ve used the following css:
.textwidget.custom-html-widget a {
padding:5px;
border:none;
}
.textwidget.custom-html-widget a:hover {
background: rgba(45,92,136,0.3);
border-radius: 10px;
}
/* Footer Widget Styling 2018-11-07 2136*/
.col-md-12.footercol1 {
float: none;
margin-left: auto;
margin-right: auto;
align-items: center;
align-content: center;
text-align: center;
}
#custom_html-6 > div {
border:none;
display: flex;
align-items: center;
text-align: center;
margin-left: auto;
margin-right: auto;

}
.footercredits {
text-align: center;
align-items: center;
}
.footercredits p:nth-child(1) {
width: 100%;
}
footer#containerfooter {
text-align: center;
}
.virtue_social_widget.clearfix {
display: flex;
align-items: center;
justify-content: center;
}
.footermenu {
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
}
.footercredits.clearfix {
display: inline-flex;
flex-direction: column;
width: 100%;
}
.footernav.clearfix {
display: flex;
}

And I’m finding that if I save the CSS, the CSS appears, then if I save the footer layout, the CSS disappears. If I go back and save the CSS, the footer layout reverts. I’m trying to get the footer into the first full-width column of the last layout such that I can make it absolute center on the page since the other layouts seem to align the content left regardless of which footer widget the content resides in.

Any ideas as to how to resolve this?

[Stephen]

Stephen

#206827

Hi Ben & Hannah,
I’m attempting to center the table with the mobile app badges on the footer of this site: *Login to see link
I’ve used the following css:
.textwidget.custom-html-widget a {
padding:5px;
border:none;
}
.textwidget.custom-html-widget a:hover {
background: rgba(45,92,136,0.3);
border-radius: 10px;
}
/* Footer Widget Styling 2018-11-07 2136*/
.col-md-12.footercol1 {
float: none;
margin-left: auto;
margin-right: auto;
align-items: center;
align-content: center;
text-align: center;
}
#custom_html-6 > div {
border:none;
display: flex;
align-items: center;
text-align: center;
margin-left: auto;
margin-right: auto;

}
.footercredits {
text-align: center;
align-items: center;
}
.footercredits p:nth-child(1) {
width: 100%;
}
footer#containerfooter {
text-align: center;
}
.virtue_social_widget.clearfix {
display: flex;
align-items: center;
justify-content: center;
}
.footermenu {
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
}
.footercredits.clearfix {
display: inline-flex;
flex-direction: column;
width: 100%;
}
.footernav.clearfix {
display: flex;
}

And I’m finding that if I save the CSS, the CSS appears, then if I save the footer layout, the CSS disappears. If I go back and save the CSS, the footer layout reverts. I’m trying to get the footer into the first full-width column of the last layout such that I can make it absolute center on the page since the other layouts seem to align the content left regardless of which footer widget the content resides in.

Any ideas as to how to resolve this?

[Rick]

Rick

#205881

Hi;

There is a Footer Widget Layout with a 1 Column Row above a 3 Column Row.

Is there a way to reverse this to be a three Column Row above a 1 column Row?

[Rick]

Rick

#205881

Hi;

There is a Footer Widget Layout with a 1 Column Row above a 3 Column Row.

Is there a way to reverse this to be a three Column Row above a 1 column Row?

[Ben Ritner]

Ben Ritner

#205791

Hey,
In your appearance > widgets. Footer area 1 would be the above widget area and 2,3,4 would be the columns under. can you send me a screenshot of how you have it setup up?

Ben

[jen6]

jen6

#204846

Hi! I have my footers set to three columns but when I try to add an image via the Footer widget the image is aligned to the left. It doesn’t make a difference if I use Footer Column 1, 2 or 3. When I added the image in Footer Column 2 and 3, finally one of the images was centered. But as soon as I removed one, the remaining went back to the left. Ideas? smartypantsfinance.com

[jen6]

jen6

#204846

Hi! I have my footers set to three columns but when I try to add an image via the Footer widget the image is aligned to the left. It doesn’t make a difference if I use Footer Column 1, 2 or 3. When I added the image in Footer Column 2 and 3, finally one of the images was centered. But as soon as I removed one, the remaining went back to the left. Ideas? smartypantsfinance.com

[Kevin]

Kevin

#204395

Hello,

Try adding this CSS to Theme Options> Advanced Settings, and let me know if it works for you:

.footermenu {
    float: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
.footercredits.clearfix {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
}
.footernav.clearfix {
    display: flex;
}

-Kevin

[Kevin]

Kevin

#202079

So strange, it wasn’t showing me all of the CSS I’d written when I copied it before. Must’ve made a mistake somewhere.

Try this:

footer#containerfooter {
    text-align: center;
}
.virtue_social_widget.clearfix {
    display: flex;
    align-items: center;
    justify-content: center;
}
.footermenu {
    float: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
.footercredits.clearfix {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
}
.footernav.clearfix {
    display: flex;
}

Sorry for so much back and forth, I haven’t worked with flex much but I think I’m starting to get it.

-Kevin

[Kevin]

Kevin

#202072

Try this CSS and let me know if it works:

.footercredits.clearfix {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
}

-Kevin

[Hannah]

Hannah

#201600

Hi Maxim,
You need to place your widget into footer column 1. Right now it looks like you’ve added it to footer column 4.
Hope that helps!

Hannah

[Hannah]

Hannah

#201439

Hi Vladimir,
1. In the css Kevin provided try changing this:

.footerclass .kadence_social_widget a {
    display: inline-flex;
    flex-direction: column;
}

to this:

.kadence_social_widget a {
    display: inline-flex;
    flex-direction: column;
}

You can change the background with this css:

.kadence_social_widget a {
    background: #999;
}

And the background hover with this css:

.kadence_social_widget a:hover {
    background: #999 !important;
}

3. You can use this css to change the color of your other elements in your testimonial carousel:

.testimonial-box .testimonial-img i {
    color: #fc8904;
}
.testimonial-box .testimonial-img {
border-color: #fc8904;
}
.kt-slickslider .slick-prev, .kt-slickslider .slick-next {
background: #fc8904;
}
.testimonial-bottom .lipbg.kad-arrow-down {
    border-top: 20px solid #fc8904;
}

7. Try adding this css:

.second-navclass {
    z-index: 1000;
}

Does that fix it?

Hannah

[Kevin]

Kevin

#201322

1. Try this CSS. Change the order as needed.

.kadence_social_widget.clearfix {
    display: flex;
}
.kadence_social_widget a {
    padding-top: 9px;
}
.footerclass .kadence_social_widget a {
    display: inline-flex;
    flex-direction: column;
}
.kadence_social_widget.clearfix {
    display: flex;
}
a.facebook_link {
    order: 4;
}
a.twitter_link {
    order: 3;
}
a.instagram_link {
    order: 2;
}
a.vk_link {
    order: 1;
}

3. This will target the testimonial border:

.testimonial-box {
    border: 2px solid #FA8926;
}

This will target the social border. Change the properties as needed.

.kadence_social_widget a {
    border: 2px solid red;
}

4. Try uploading the icons and linking them to here. Then I’ll try to replace with CSS.

6. Try this CSS:

@media (max-width: 992px) {
.kt-social-align-center {
    padding-bottom: 100px;
}
}

7. Try this CSS:

header#kad-header-menu {
    padding-top: 200px;
}

Your site seems to have stopped loading for me. Are you having server problems?

-Kevin

[Ben Ritner]

Ben Ritner

#197297

Here is the css for the switch just note that column 4 is the last column

@media (min-width: 767px) {
.col-sm-12.footercol1 {
width:33%;
float:left;
}
.col-sm-4.footercol4 {
width:100%;
float:none;
}
}

The footer credits area can hold some text are you wanting the line above this or below? Can you post a link so I can see what your wanting.

Ben

[Hannah]

Hannah

#197284

Hi,
Are you using page builder by site origin? If so, a workaround could be to use the two column layout, then use css to make the first column full width. Then add the layout builder widget to the first column and create the layout you’re wanting. This is the css you would need:

.col-md-6.col-sm-6.footercol1 {
    width: 100%;
    margin: auto;
}

Let me know if that will work for you!

Hannah

[karah.fredricks]

karah.fredricks

#196806

I need some assistance in figuring out what I need to do to get my site to look decent on mobile/tablet. I got the site looking the way we wanted on the desktop but a lot of things seem to be out of whack on mobile & tablet and I am definitely not proficient in my mobile design skills. http://www.organizeyourlifestyle.com

1) the topbar is gone, and my client’s contact info is in the topbar. Is there any way to either have a mobile topbar or to maybe move the topbar info to within the menu?

2) the spacing in the two text boxes on the home page looks odd when look at it vertically. Horizonally it’s fine, but with vertical orientation the text looks very choppy.

3) the virtue icon flip boxes are sized/spaced strangely. On the desktop, I have padding between each box but that disappears on mobile and they seem to be overlapping.

4) the footer – is it possible to have the footer set up with two columns for desktop and just have everything centered in one column for mobile?

5) if you click on the “services” page – under declutter & organize, I couldn’t figure out how to get the layout set up the way my client wanted – she wanted those two columns with bullet points exactly as show on desktop so I just made them into a jpg for the time being. While it’s not great, it works for now. However, that whole section looks narrow and size strangely on mobile. I’m sure it has to do with some CSS I added when trying to figure out how to make those columns but I’m not sure what.

On this same page, there are 3 flipping boxes. On mobile, vertically these look fine. However, on horizontal, some of the boxes overlap. It is the opposite on tablet – they look fine horizontally and overlap when vertical.

6) how can I center all of the page titles on mobile? They are centered on desktop but show left-aligned on mobile, only when verticle.

Fortunately it’s a small site so there’s not too much I need to to tweak. Thank you in advance for any help you can give me!

[karah.fredricks]

karah.fredricks

#196806

I need some assistance in figuring out what I need to do to get my site to look decent on mobile/tablet. I got the site looking the way we wanted on the desktop but a lot of things seem to be out of whack on mobile & tablet and I am definitely not proficient in my mobile design skills. http://www.organizeyourlifestyle.com

1) the topbar is gone, and my client’s contact info is in the topbar. Is there any way to either have a mobile topbar or to maybe move the topbar info to within the menu?

2) the spacing in the two text boxes on the home page looks odd when look at it vertically. Horizonally it’s fine, but with vertical orientation the text looks very choppy.

3) the virtue icon flip boxes are sized/spaced strangely. On the desktop, I have padding between each box but that disappears on mobile and they seem to be overlapping.

4) the footer – is it possible to have the footer set up with two columns for desktop and just have everything centered in one column for mobile?

5) if you click on the “services” page – under declutter & organize, I couldn’t figure out how to get the layout set up the way my client wanted – she wanted those two columns with bullet points exactly as show on desktop so I just made them into a jpg for the time being. While it’s not great, it works for now. However, that whole section looks narrow and size strangely on mobile. I’m sure it has to do with some CSS I added when trying to figure out how to make those columns but I’m not sure what.

On this same page, there are 3 flipping boxes. On mobile, vertically these look fine. However, on horizontal, some of the boxes overlap. It is the opposite on tablet – they look fine horizontally and overlap when vertical.

6) how can I center all of the page titles on mobile? They are centered on desktop but show left-aligned on mobile, only when verticle.

Fortunately it’s a small site so there’s not too much I need to to tweak. Thank you in advance for any help you can give me!

[Mike]

Mike

#196002

Currently I’m using the left sidebar on THIS SITE to display a menu of bands that are members of this organization. Beautiful. I have the sponsors, which they hope to grow, displayed in the footer. However, they would like to make said sponsors a bit more prominent and wondered if we could place those in another sidebar to be displayed along the right side. I’m seeing no way to make this happen within the theme, so I’m guessing this would be a change to a WordPress function (I’m already using a Child Theme) and probably even some custom CSS if it’s possible at all.

Another option would be to reassign the sidebar for us on the right for the sponsors and make the left hand column just that, a column, with the same menu displayed for every page and post. To be honest, that would create a great deal of work at this point.

Any other suggestions to reach this same end?

Thanks so much!!

[Mike]

Mike

#196002

Currently I’m using the left sidebar on THIS SITE to display a menu of bands that are members of this organization. Beautiful. I have the sponsors, which they hope to grow, displayed in the footer. However, they would like to make said sponsors a bit more prominent and wondered if we could place those in another sidebar to be displayed along the right side. I’m seeing no way to make this happen within the theme, so I’m guessing this would be a change to a WordPress function (I’m already using a Child Theme) and probably even some custom CSS if it’s possible at all.

Another option would be to reassign the sidebar for us on the right for the sponsors and make the left hand column just that, a column, with the same menu displayed for every page and post. To be honest, that would create a great deal of work at this point.

Any other suggestions to reach this same end?

Thanks so much!!

[Mike]

Mike

#192742

That works at the present time because only Member Bands has child pages. It may work indefinitely. But how do I also get it to suppress the widget in Footer Column 1?

Thanks!