Search Results for 'COLUMNS'

[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 );

[Hannah]

Hannah

#59683

Hi Laura,
So to add your images, click the Add Media button from the Visual Editor of the portfolio post edit page then click “create gallery.” Select your three images and click “Create New Gallery.” Then under gallery settings set the number of columns to 3.
Hope that clarifies! Let me know if the extra space still shows.

Hannah

[Carina]

Carina

#59624

Hi,

My website has a 3 column layout for the portfolio grid. When the window is shrunk or viewed on a landscape tablet for example, it will show three columns still and then eventually two columns once the window is at a certain size.

I was wondering if it is possible to change the breakpoint when the columns change from 3 to 2. So that at the first mobile breakpoint there are two columns and the three column layout is for desktop only.

[Carina]

Carina

#59624

Hi,

My website has a 3 column layout for the portfolio grid. When the window is shrunk or viewed on a landscape tablet for example, it will show three columns still and then eventually two columns once the window is at a certain size.

I was wondering if it is possible to change the breakpoint when the columns change from 3 to 2. So that at the first mobile breakpoint there are two columns and the three column layout is for desktop only.

[Bill]

Bill

#59520

Hello,

Would like to have primary menu labels to line up in columns to make selections look more uniform. Thanks! ecycleatlanta.com

[Bill]

Bill

#59520

Hello,

Would like to have primary menu labels to line up in columns to make selections look more uniform. Thanks! ecycleatlanta.com

[mrtwanstall]

mrtwanstall

#59483

Hello I in the menu you can set the number of columns in the submenu.

Enable Fullwidth Sub-Menu
Submenu Number of Columns 1-4

Is it possible to make it 5 or 6 columns? Or as an alternative can i set the width of the submenu?

Thank you

[mrtwanstall]

mrtwanstall

#59483

Hello I in the menu you can set the number of columns in the submenu.

Enable Fullwidth Sub-Menu
Submenu Number of Columns 1-4

Is it possible to make it 5 or 6 columns? Or as an alternative can i set the width of the submenu?

Thank you

[Ben Ritner]

Ben Ritner

#59448

You can limit to 6 and set the columns to 6 using a function in like this in a child theme:

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

You have added this css and you really shouldn’t have that in your css. What are you trying to do?

#product_wrapper2.rowtight {
    margin-left: 90px !important;
    margin-right: 90px !important;
}

Ben

[mrtwanstall]

mrtwanstall

#59425

Hello I’m using woocommerce shortcode on my shop page to display categories (conditions): [product_categories parent=”14″ orderby=”title” order=”asc” columns=”4″].

There is a problem with the alignment of some of the categories. On the second row 2 of the categories are missing and the other 2 are aligned to the right. All the other rows are fine, just this one. I should have 4 rows of 4 categories but I have 3 rows of 4 and 2 rows of 2 categories.

How can I fix this please?

Thanks

[mrtwanstall]

mrtwanstall

#59425

Hello I’m using woocommerce shortcode on my shop page to display categories (conditions): [product_categories parent=”14″ orderby=”title” order=”asc” columns=”4″].

There is a problem with the alignment of some of the categories. On the second row 2 of the categories are missing and the other 2 are aligned to the right. All the other rows are fine, just this one. I should have 4 rows of 4 categories but I have 3 rows of 4 and 2 rows of 2 categories.

How can I fix this please?

Thanks

[Hannah]

Hannah

#59340

Hey Callum,
You can add content to your footer columns from Appearance > Widgets.

Hannah

[Callum]

Callum

#59330

Can you help me? I cannot find this! :/

I can see the place where it has Theme Options > Footer. But all it has in here is the footer layout – i.e., how many columns I want for my footer.

I can’t figure out how to actually add content to the footer!

Thanks 🙂

[andrea.juelich]

andrea.juelich

#59183

hey ben, yes, exactly that. It is very strange, before adding an image AFTER the more tag, size of blog archive page is around 600kb. When an image is added AFTER the more tag to the single post, the blog archive page is around 720kb. No added requests thogh and the added image is not in the HTML. I think these speed measuring sites are not accurate, because I checked GTmetrix and Pingdom also and they don’t show an increase in kb. Who knows.

ACtually I have a question rearding the grid style blog layout: You can choose how many columns you want, but is it possible to make it like this:
http://www.greenkitchenstories.com/ where the hight of the row is always the same but the width is different for each post?

Thanks!

[Antoine]

Antoine

#59053

Thanks Hannah, but I have choose 5 columns, like we can see. If I changed that, I will have 6 columns, but always no arrows :/
Actually, I think it is not possible to have more 5 related products in this block… and it is not possible to choose a limit

By example, in the featured products blocks (Options > Home layout > Home Featured Product Settings), we can choose “how many columns are in carousel” AND “Choose how many products are in carousel”, such as here : http://tjc.apps-1and1.net

[Hannah]

Hannah

#59050

The theme only allows for 6. You can select in Theme Options > Product Settings under Choose how many columns are in related product carousel.

Hannah

[Chris]

Chris

#59032

Hi Hannah & Ben,
I tried to update the Calendar page in my site http://www.vcc-wellswark.org.nz and get this: “Not Found
The requested URL /calendar/ was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.”
None of the pages will display apart from the Home page.
There are actually two Calendar pages, #1 with columns and #2 without columns but with extra spaces to form columns, but neither will display.
I have not changed anything except updating the Calendar and plugins which had update notifications.
Can you help please?
Regards,
Chris

[Hannah]

Hannah

#58964

Hey,
There are not arrows displaying on the related products carousel because you have five columns showing and it looks like there are only five related products. So there’s nothing to scroll through if that makes sense.

Hannah

[Ben Ritner]

Ben Ritner

#58764

Thought I made this clear above…

Items are going to be left aligned in the box of images. They have to float next to each other and you can’t have a floating item center if it’s only 1 when the whole set up is for 4 columns. With 4 columns and you only fill one that one column will be on the left because it’s a column in the page.

Ben

[Peter]

Peter

#58726

Hello,

Is there a tutorial to guide me in creating a multi column sub nav with column titles like the one here:
*Login to see link

See the features tab on top nav.

I’m most interested in the title each coloumn has. Creating the multi coloumn sub nav is easy but can’t figure out how the titles are added in uppercase.

Thank you – searched but couldn’t find anything about it.

Peter

[Peter]

Peter

#58726

Hello,

Is there a tutorial to guide me in creating a multi column sub nav with column titles like the one here:
*Login to see link

See the features tab on top nav.

I’m most interested in the title each coloumn has. Creating the multi coloumn sub nav is easy but can’t figure out how the titles are added in uppercase.

Thank you – searched but couldn’t find anything about it.

Peter

[Ben Ritner]

Ben Ritner

#58716

You can’t have a grid list toggle using a woocommerce shortcode. But you can choose to show your products as a list if you set the columns to 1 in your shortcode.

also note that if your just wanting to show one category you can use that category page and link to it as your “shop” page. http://guided-imagery-book.com/product-category/guided-imagery/deep-relaxation-healing/

Ben

[Ben Ritner]

Ben Ritner

#58408

To clarify why min of 240. That is for certain mobile devices when the columns just turn to two columns.

Ben

[Ben Ritner]

Ben Ritner

#58407

240 is the min size for the images when in a gallery. The size is set by how many columns you are using.

AS for adding the width and height tags those are part of the next update.

Ben

[Ben Ritner]

Ben Ritner

#58347

Just use a woocommerce shortcode: http://docs.woothemes.com/document/woocommerce-shortcodes/

For example: [featured_products per_page="8" columns="4"]

Ben