Search Results for '1 column footer'

[Hannah]

Hannah

#70412

Sorry about that, try using this css instead:

.virtue_social_widget.clearfix {
    float: right;
}

The thumbnails in footer column 1 are displaying normal. What browser are you using? Have you tried clearing your cache?

Hannah

[V]

V

#70254

Hi,

4-column is selected in Footer Widget Layout…And I do have Widgets in Footer 3 and Footer 4…yet they keep placing under Footer 1 or 2. (did check topics but couldn’t find solution on this.)

ourcarebooks.com

Thanks

[V]

V

#70254

Hi,

4-column is selected in Footer Widget Layout…And I do have Widgets in Footer 3 and Footer 4…yet they keep placing under Footer 1 or 2. (did check topics but couldn’t find solution on this.)

ourcarebooks.com

Thanks

[Ben Ritner]

Ben Ritner

#70172

1. Go to appearance> widgets.
2. Add a text widget to one of your footer widget areas.. like footer column 1.
3. Add the script into that text widget.
4. click the save button on the text widget.

Ben

[Ben Ritner]

Ben Ritner

#69848

Hey,
1. You just need to remove the one.
Then go to your woocommerce settings and make sure the cart, checkout, shop pages are all still assigned.

This happens if you install the woocommerce pages and the demo content.

2.
Look here: https://www.kadencewp.com/building-displaying-menus/

the submenu columns is only for when you enable the fullwidth dropdown.

3. The “shop” page is not a page you can really edit. It’s a woocommerce page that shows all your products. you can add a slider to it through your theme options > shop settings but in general if you want to customize a layout you should not use the shop page.

See here for working with pagebuilder: https://www.kadencewp.com/using-page-builder-virtue-premium/

4. The your cart is an option you can enable in your theme options > topbar settings.

5. In your appearance > menus page. Click “screen options” in the top right and make sure you have “product categories” checked. Then you can add any product category you have created into a menu.

6. Your appearance > widgets. Those are widgets added into the footer widget area.

Ben

[Jerry]

Jerry

#68890

I need your help.

I am using the 4 widget Footer layout. I basically want to use a no widget footer layout.

I am trying to have this example centered in the Footer. One line above the other.

Copyright 2015 ABC Corp. All Rights Reserved
Home Quick Guide Contact <— these would be menu links

I put the above text and links and centered the two lines in a visual editor and put that in Footer Column 1 and it only centered those two lines in Footer Column 1 – no surprise. But I want to center those two lines in the entire footer, not just within a Footer 1 widget.

Can I do this and if yes, how?

Thanks,

Jerry

[Jerry]

Jerry

#68890

I need your help.

I am using the 4 widget Footer layout. I basically want to use a no widget footer layout.

I am trying to have this example centered in the Footer. One line above the other.

Copyright 2015 ABC Corp. All Rights Reserved
Home Quick Guide Contact <— these would be menu links

I put the above text and links and centered the two lines in a visual editor and put that in Footer Column 1 and it only centered those two lines in Footer Column 1 – no surprise. But I want to center those two lines in the entire footer, not just within a Footer 1 widget.

Can I do this and if yes, how?

Thanks,

Jerry

[Travis]

Travis

#66029

A few CSS questions:

1. I have a 3-column footer with a custom menu in the center column. I can’t get the menu to center under the title.

2. I’m using the secondary menu and have it centered, but there are gaps between the menu items that show up when hovering and I’d like to remove them.

3. I’d like to be able to change the hover and current color of the last menu item “join”.

*Login to see link

Thanks for your help!

[Travis]

Travis

#66029

A few CSS questions:

1. I have a 3-column footer with a custom menu in the center column. I can’t get the menu to center under the title.

2. I’m using the secondary menu and have it centered, but there are gaps between the menu items that show up when hovering and I’d like to remove them.

3. I’d like to be able to change the hover and current color of the last menu item “join”.

*Login to see link

Thanks for your help!

[Ben Ritner]

Ben Ritner

#65517

Hey,
Looks like your using a post grid widget. Which is only designed for a footer or sidebar. It only ouputs images that link to the posts.
If you want a portfolio grid like this: http://themes.kadencethemes.com/virtue-premium/portfolio/

Then you would need to use the portfolio grid page template see here: https://www.kadencewp.com/creating-a-portfolio-page-with-virtue/

Or you can use the shortcode [portfolio_posts columns="4" items="10"]

Ben

[Hannah]

Hannah

#64138

Hey Gabi,
Set the footer column to two (Theme Options > Footer) and from Appearance > Widgets add the testimonial carousel widget to your first column. Then add this to your custom css box in Theme Options > Advanced Settings:

.col-md-6.col-sm-6.footercol1 {
    width: 100%;
    text-align: center;
}

Hope that helps!

Hannah

[Hannah]

Hannah

#63302

Hi Caster,
1. You can change this in Theme Options > Advanced Styling.

2. Those are your breadcrumbs. You can disable in Theme Options > Breadcrumbs.

3. One option would be to re-create the copyright text into a visual editor widget and add that to the first footer column and the social links to the second column. Does that work for you?

4. You can use css like this:

.footercredits p {
    font-size: 15px;
}

Just paste that in your custom css box in Theme Options > Custom CSS.

Hope that helps!
Hannah

[Ben Ritner]

Ben Ritner

#61479

Place a “text” widget into the footer column 1 widget area. then add that javascript into that text widget.
Ben

[Andrea]

Andrea

#61476

Thanks for the clarification. I just tried adding an image gallery, after downloading the wp-gallery-custom-links plugin. and linking using the “custom link” to the video’s URL. Unless I did something incorrectly, which is very possible, when I click on the image it links to the clip on my Vimeo page. Also, I’m not sure where I am supposed to add the code so the video opens in a lightbox. I went to appearance>widgets and see there’s a widget with the label “footer column 1? – is that where I’m supposed to add it?

[Antoine]

Antoine

#59979

Ok, I have just added your script in Widgets > Footer Column 1 > visual Editor widget (Pagebuilder plugin). Then I have tried to custom the drop-down select, without success.
To display the product filters on this page (here : http://tjc.apps-1and1.net/shop), you need to active “Toggle device mode” with the inspect chrome tool (ipad or iphone).
If you need login, I can send you one.

Thank very much again and again

[Antoine]

Antoine

#59921

Thanks Ben. So I have copied the script into Widgets > Footer Column 1 > visual Editor (Pagebuilder plugin) and I have copied your other code in the css custom. I have not seen a change :/
I am not able to change the css of the drop-down list on tablet/mobile, such as change the arrow, center the text or change the drop-down list style…

Sorry

[Antoine]

Antoine

#59709

Hello Ben,

Thanks again for your patience and your help !

1. Child theme : sorry about my knowledge… I did it thxs to you and it almost works perfectly : http://tjc.apps-1and1.net. My menu and one of footer widgets do not display anymore in front. However, they display in the back office. Otherwise, some elements of my child theme “functions.php” display at the top of the site…

2. Cross-sells block : I have tried to delete these elements that you said. It works if I want to have 6 products on the same line, but I lost arrows / carousel at the center… I have spent lots of time to create the same product carousel between HP / related product / upsells / cross-sells carousels.

/************************* PRODUCT CAROUSEL *************************/
/*--------------------------------- CONTAINER ---------------------------------*/
.cart-collaterals, .home-product,
.related.products, .upsells.products
{ /*Global container*/
    border-top: 1px solid #000;
    text-align: center;
    margin-left: -80px;
    margin-right: -80px;
    margin-top: 60px !important;
    padding: 0px
}
#product_wrapper2,
.fredcarousel {/*Carousel > Container*/
    margin: auto !important;
    max-width: 1500px !important;
}
#carouselcontainer.rowtight, #hp_carouselcontainer.rowtight,
#product_wrapper2.rowtight {/*Carousel>container lv 2*/
    margin-left: 90px  !important;
    margin-right: 90px !important;
}
#upsale-product-carousel .tcol-md-25, #related-product-carousel .tcol-md-25,
#product_wrapper2 .tcol-md-6, #home-product-carousel .tcol-md-25 { /* columns container*/
    max-width: 260px  !important;
    width: 20%;
}

/*--------------------------------- TITLE ---------------------------------*/
.cart-collaterals .cross-sells h2, .hometitle,
.related.products>h3, .upsells.products>h3 { /*Title*/
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    background-color: #000;
    display: inline-block;
    line-height: 0px;
    padding: 25px 20px;
    margin-top: 0;
    position: relative;
    top: -24px;
}

/*--------------------------------- ARROWS ---------------------------------*/
.kt-icon-arrow-left:before,
.icon-arrow-left:before {
    content: "e3b7";
}
.kt-icon-arrow-right:before,
.icon-arrow-right:before {
    content: "e3b5";
}
 .prev_carousel {
    left: 55px;
}
.next_carousel {
    right: 55px;
}
.next_carousel, .prev_carousel {
    font-family: kt-icon;
    color: #000;
    background: transparent;
    line-height: 0px;
    font-size: 45px;
    opacity: 1;
}
.carousel_outerrim:hover .next_carousel, .carousel_outerrim:hover .prev_carousel,
.carousel_slider_outer:hover .next_carousel, .carousel_slider_outer:hover .prev_carousel {
    color: #000;
    opacity: 1;
}

/*--------------------------------- PRODUCT ITEMS ---------------------------------*/
.grid_item { /*Product > grid*/
    display: inline-block;
}
.products div.product_item { /*Product>container*/
    border-radius: 0px;
}
.product_item a.product_img_link { /*Product>Image>Container*/
    padding: 0px;
}

.product_item .product_details h5 { /*Product details>Title*/
    line-height: 10px;
    min-height: 0px;
    padding: 5px 0px 0;
    font-size: 14px;
    font-weight: 500;
}
.woocommerce .products .star-rating, .product_item .notrated, .products .star-rating { /*Product details>Rating*/
    display: none;
}
.product_item .price {/*Product details>Price*/
    font-size: 14px;
    padding: 0px;
}
.product_item .add_to_cart_button, .product_item a.button { /*Product details>Add to cart*/
    display: none
}

/*--------------------------------- CROSS SELLING ---------------------------------*/
.cart-collaterals .cross-sells { /*Cross-selling>container*/
    width: 100%;
}

/*--------------------------------- RELATED / UPSELLS PRODUCTS ---------------------------------*/
.related.products>h3:after, .upsells.products>h3:after { /*Title>after*/
    display: none;
}

=> So I will keep 5 products on the cross-sells block (I will change your function). Is it good if I add :

function kad_woocommerce_cross_sells_total( $limit ) {
  return 5;
}
add_filter( 'woocommerce_cross_sells_total', 'kad_woocommerce_cross_sells_total', 10, 1 );
function kad_woocommerce_cross_sells_columns( $columns ) {
  return 5;
}
add_filter( 'woocommerce_cross_sells_columns', 'kad_woocommerce_cross_sells_columns', 10, 1 );

[Francis]

Francis

#58904

Hi Ben,

All your codes worked well, thank you.

With regards to some points above :
1) I have used the tab buttons for the attributes …. I prefer just the border to go to dark grey (like it does when one hovers) [ this first portion is done already ] and a SMALL TICK MARK in WHITE to come on the right lower corner with d same grey background .. There can be a small little triangle on that edge that is in dark grey, so that the little (arrow- WROTE ARROW BY MISTAKE) tick mark fits on it.

2. I activated the child theme, and all the codes that need to go into the child themes php file was done. I dont know what I did wrong, but you can see all the codes on the top of the main website now and the no change has occurred. Kindly check and let me know where I’ve gone wrong.

3. After activating the child theme, the footer 4 disappeared from the footer. I have been trying to get it back in its place through Customising> widgets > footer 4 column > custom menu , but it isn’t saving. What could be the reason, any idea?

4. I also noticed that on an individual product page, the images when clicked on, open much below the screen and not in the centre of the screen like before. All this is after the child theme is activated.

Thanking you in anticipation.

[Raphael]

Raphael

#58294

Hi,

I need some further help with some CSS codes.

1.) The mobile menu is located on the top right. I would like it to be on the top left.
2.) I would like to change the text type in every column of the footer. It should be the same as the rest of the website. What CSS code would change it to “Bentham” ?
3.) Still need help with the child theme. Still couldn’t fix it myself.

Thanks again! Hope you had a good weekend.

Greetings,
Raphael 🙂

[Stephanie]

Stephanie

#58285

Hi there, thanks firstly for a great theme! I need a little help with a few things if possible I have searched the forums and tried a few different bits of code for some of these but with no luck- this is my site *Login to see link
1. I can’t work out why my 5 boxes do not align. It has somthing to do with the text, as the empty boxes sit all flush, but I cannot work out why.
2. I would like to decrease the gap at the top of the footer before the contents heading and contact icon
3. I would like to change the font size in the footer widget in column one – contents
4. I would like the topbar menu to sit to the right
5. is it possible to have a small yellow (#f3cd00) vertical line to separate the menu items eg HOME | OUR TEAM | CUSTOMERS
6. Is it possible to change the background colour on different pages. Where the dark grey currenty is I would like to change it to a lighter grey and the yellow on different pages.
Thanks for your support.
Cheers,
Steph

[Stephanie]

Stephanie

#58285

Hi there, thanks firstly for a great theme! I need a little help with a few things if possible I have searched the forums and tried a few different bits of code for some of these but with no luck- this is my site *Login to see link
1. I can’t work out why my 5 boxes do not align. It has somthing to do with the text, as the empty boxes sit all flush, but I cannot work out why.
2. I would like to decrease the gap at the top of the footer before the contents heading and contact icon
3. I would like to change the font size in the footer widget in column one – contents
4. I would like the topbar menu to sit to the right
5. is it possible to have a small yellow (#f3cd00) vertical line to separate the menu items eg HOME | OUR TEAM | CUSTOMERS
6. Is it possible to change the background colour on different pages. Where the dark grey currenty is I would like to change it to a lighter grey and the yellow on different pages.
Thanks for your support.
Cheers,
Steph

[Ben Ritner]

Ben Ritner

#57715

You can add this css:

.footercol1 .kad-wp-gallery .g_item {
    float: left;
    width: 25%;
    text-align: center;
}

That will give you columns for all screen sizes and center your images.

Ben

[Jasmine]

Jasmine

#57714

This reply has been marked as private.

[Jasmine]

Jasmine

#57643

Hi, I am using Pinnacle 1.4.8 with a child theme.
In my footer, I only had 4 logos, spread evenly apart. I achieved it by selecting in theme options-> footer-> footer layout, the first choice (one row, 4 columns) and inserting in each column a logo via a “PINNACLE: IMAGE” widget. It worked well.
Now I need to add a second row in the footer with 3 columns to insert different menus.
How can I achieve this? Here is what I tried.
I selected the fourth choice in theme options-> footer-> footer layout, i.e. first row = 1 column (to place my logos) and second row = 3 columns (to add my menus).
For my second row with the menus, it works well.
For the first row, I added the 4 logos as images in the only column of that row. They were not centered aligned and it does not look good on smaller screens. Moreover, I may need to insert a fifth logo. I also tried to play with the widget Visual editor without great success…
Your help will be very much welcome!

[Jasmine]

Jasmine

#57643

Hi, I am using Pinnacle 1.4.8 with a child theme.
In my footer, I only had 4 logos, spread evenly apart. I achieved it by selecting in theme options-> footer-> footer layout, the first choice (one row, 4 columns) and inserting in each column a logo via a “PINNACLE: IMAGE” widget. It worked well.
Now I need to add a second row in the footer with 3 columns to insert different menus.
How can I achieve this? Here is what I tried.
I selected the fourth choice in theme options-> footer-> footer layout, i.e. first row = 1 column (to place my logos) and second row = 3 columns (to add my menus).
For my second row with the menus, it works well.
For the first row, I added the 4 logos as images in the only column of that row. They were not centered aligned and it does not look good on smaller screens. Moreover, I may need to insert a fifth logo. I also tried to play with the widget Visual editor without great success…
Your help will be very much welcome!