Search Results for 'COLUMNS'

[mrtwanstall]

mrtwanstall

#231530

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#231468

Hey,
Which widget are you using? Most should have an align option so you can align right.

Else if you want css can you post a link?

There isn’t a 5 column option for the footer but if you use a pagebuilder like siteorigin you can ad a layout builder widget and make columns in that.

Ben

[Magdalena]

Magdalena

#231433

Hi, I am tryin got change header widget position on my page (see attached screen shot) I would like it on the right side aligned with the container width. Another think I would like to do as make footer widget layout made of 5 columns instead of 4. Is this possible please?

[Magdalena]

Magdalena

#231433

Hi, I am tryin got change header widget position on my page (see attached screen shot) I would like it on the right side aligned with the container width. Another think I would like to do as make footer widget layout made of 5 columns instead of 4. Is this possible please?

[mrtwanstall]

mrtwanstall

#231394

I’m using site origin plugin to design my page. A row which consists of 3-5 columns with info boxes doesn’t seem to be responding well on smaller devices. It makes sense that when viewed on mobile (landscape or portrait) that these columns would convert into a single column. However when testing on ipad mini/ipad 4 in portrait mode it acts the same as if viewed on a mobile device even though the resolutions/screen size are much bigger. Presented as single column it doesn’t look very good as its too wide. It looks like it could easily fit 2 – 3 columns. I’m just wondering if this is how the theme is suppose to work and if there are any additional @media screen that could used here?

Thank you

[mrtwanstall]

mrtwanstall

#231394

I’m using site origin plugin to design my page. A row which consists of 3-5 columns with info boxes doesn’t seem to be responding well on smaller devices. It makes sense that when viewed on mobile (landscape or portrait) that these columns would convert into a single column. However when testing on ipad mini/ipad 4 in portrait mode it acts the same as if viewed on a mobile device even though the resolutions/screen size are much bigger. Presented as single column it doesn’t look very good as its too wide. It looks like it could easily fit 2 – 3 columns. I’m just wondering if this is how the theme is suppose to work and if there are any additional @media screen that could used here?

Thank you

[David]

David

#231323

Hi I alter padding around columns in CSS using for example

.page-id-3707 .entry-content .col-md-4 {
padding-bottom: 20px;
}

However, I wish to alter the bottom padding of all images in 4 columns on a page, at the moment I am defining the padding of each image individually using inline styling for example:-

Can you point me in the right direction, please.

*Login to see link

Thanks

David

[David]

David

#231323

Hi I alter padding around columns in CSS using for example

.page-id-3707 .entry-content .col-md-4 {
padding-bottom: 20px;
}

However, I wish to alter the bottom padding of all images in 4 columns on a page, at the moment I am defining the padding of each image individually using inline styling for example:-

Can you point me in the right direction, please.

*Login to see link

Thanks

David

[Ben Ritner]

Ben Ritner

#231120

Kadence Blocks has animation, it’s part of pro, columns, headers can all animate in.

Ben

[Ben Ritner]

Ben Ritner

#231046

Hey,
So you must already be adding in the code to make authors show for products correct?

You can add in your own custom shortcode function like this:

function custom_product_author_shortcode_function( $atts ) {
	extract( shortcode_atts( array(
		'author'  => '',
		'columns' => '4',
		'orderby' => 'menu_order',
		'order'   => 'ASC',
		'items'   => '8',
	), $atts ) );
	$args = array(
		'author'         => $author,
		'orderby'        => $orderby,
		'order'          => $order,
		'post_type'      => 'product',
		'post_status'    => 'publish',
		'posts_per_page' => $items,
	);
	global $post, $woocommerce_loop;
	$woocommerce_loop['columns'] = $columns;
	$temp_post = $post;
	ob_start();
	if ( class_exists( 'woocommerce' ) ) {
		echo '<div class="products-author-products-shortcode-wrap">';

		$loop = new WP_Query( $args );
		if ( $loop ) :
		
			woocommerce_product_loop_start();
			while ( $loop->have_posts() ) {
				$loop->the_post();

				/**
				 * Hook: woocommerce_shop_loop.
				 *
				 * @hooked WC_Structured_Data::generate_product_data() - 10
				 */
				do_action( 'woocommerce_shop_loop' );

				wc_get_template_part( 'content', 'product' );
			}
			woocommerce_product_loop_end();
		endif;
		echo '</div>';
	}
	$output = ob_get_contents();
	ob_end_clean();
	wp_reset_postdata();
	$post = $temp_post;
	setup_postdata( $post );
	return $output;
}
add_shortcode( 'products_by_author', 'custom_product_author_shortcode_function' );

Use it like this:

[products_by_author author="47" items="6" columns="3"]

Ben

[Hannah]

Hannah

#230993

Hey Andrew,
You can increase this from Theme Options > Blog Options > Blog Post Defaults. Though, unfortunately, there is not a way to set this to all. A workaround would be to turn this feature off and add a carousel shortcode to the bottom of all your blog posts like this:
[carousel type=post orderby=date columns=4 items=40 speed=9000 scroll=all]
Would this work for you?

Hannah

[Hannah]

Hannah

#230819

Hi Mark,
I would recommend creating categories for each of your authors, then adding your products to the author page via product category shortcode like this: [products limit="8" columns="4" category="Steven"]
Would that work for you?

Hannah

[detlef.brosius]

detlef.brosius

#230624

Hi everybody,
on my site I use icon lists at several points. In some of these icon lists (everytime several columns are used), the icon sizes are displayed in wrong, seemingly random sizes when viewing the website in internet explorer.
Examples:
*Login to see link
*Login to see link
This problem only occurs in internet explorer. Is there any CSS code to fix this?
Regards

[detlef.brosius]

detlef.brosius

#230624

Hi everybody,
on my site I use icon lists at several points. In some of these icon lists (everytime several columns are used), the icon sizes are displayed in wrong, seemingly random sizes when viewing the website in internet explorer.
Examples:
*Login to see link
*Login to see link
This problem only occurs in internet explorer. Is there any CSS code to fix this?
Regards

[Ben Ritner]

Ben Ritner

#230449

I’m fine if the page doesn’t resize, and mobile users just have to zoom in. Is that okay?

Well, I would tell you no it’s not ok, like I said you will get dinged in search results, removed for not being responsive and for your mobile traffic you are not serving them good content designed in a way that best fits their viewing screen.

If you feel you have to go forward with this then I suggest you place all the text inside an image like in photoshop or some image editing software and then just upload that image, don’t use any text layers. That at least will prevent Google from removing your listing in search results because it won’t be seeing that as content that is to small to read. Still, though that is again not serving your viewers.

I personally suggest you rethink the design, There are responsive ways to show this kind of content where it gracefully changes layout for mobile by adding columns. Like Image in the right column text in the left then image above or below on mobile.

In terms of making that a slider I don’t recommend it because it’s burying a lot of important content off the screen and that much content shouldn’t require the viewer to have to seek through slides to find out what is there. In terms of usability, for example, the user shouldn’t have to click slide navigation hoping to find the information about tigers without any indication that it may or may not be there.

Anyway, those are my recommendations. But if you are staying the course I suggest an image, that at least that will prevent your site from being labeled not mobile friendly by search engines.

If you want a slider and would consider a two column layout you could look at a pagebuilder, brizy offers a built-in slider feature for rows of content, site origin offers a Layout Slider widget where you can build things out in rows with columns.

Ben

[Ben Ritner]

Ben Ritner

#230387

Hey,
There isn’t a built-in way to do this, and no relationship between portfolio posts and testimonial posts that would make this happen without manually selecting.

So you can use the post grid carousel block and manually select the testimonial from within your portfolio post, or you can call in the testimonial using a shortcode but there isn’t a shortcode that is set up to select individual posts, so you would have to give each testimonial a unique group then pull in the one you want by group, for example:

[testimonial_posts items="1" columns="1" group="group_slug"]

Ben

[Ben Ritner]

Ben Ritner

#230228

If you want a carousel:

[carousel type="testimonial" columns="1" items="10" arrows="false" pagination="true"]

[Smith]

Smith

#229889

Hello all,

I have two sets of pricing tables in this site, one with 3 columns and the other [kadence_pricing_table id=”2″] is only a single column. Well, it won’t let me center it, so I thought I would put it in a two column row and insert an image next to it, but that won’t work either as it squishes the table.

I found this code below, but this code also effects my 3-column table on another page as well. So, if I knew code I would state in the code to only affect pricing table 2, but I don’t, so can you give me the code for my single table to center in a column widget. Thanks! Here is the site: *Login to see link

ul.kpt-table-area > li {
float: none;
width: 100%;
}

[Smith]

Smith

#229889

Hello all,

I have two sets of pricing tables in this site, one with 3 columns and the other [kadence_pricing_table id=”2″] is only a single column. Well, it won’t let me center it, so I thought I would put it in a two column row and insert an image next to it, but that won’t work either as it squishes the table.

I found this code below, but this code also effects my 3-column table on another page as well. So, if I knew code I would state in the code to only affect pricing table 2, but I don’t, so can you give me the code for my single table to center in a column widget. Thanks! Here is the site: *Login to see link

ul.kpt-table-area > li {
float: none;
width: 100%;
}

[Ben Ritner]

Ben Ritner

#229752

I see 4 columns there. What do you see?

Ben

[Alex Luna]

Alex Luna

#229583

Thanks Ben … if i have setup a max container width of 1740px and I want 4 columns ? I proofed

@media (min-width: 1800px){
.kt-width-large .kad_product_wrapper.shopcolumn4 .col-xl-25 {
width:25%;
}
}

but don’t work

[info794]

info794

#229514

Hello Sir,

i’m developing this website: http://www.mondogrowshop.com (follow user login data in next private reply)

I have a problem: i have setup a max container width of 1440px; but on larger monitor i see 5 products per row.

How i can resolve? i have asked a similar question in this topic: *Login to see link

but in that case i need 3 products per row, i dont have resolved with the same code.

Please help me.

Thanks and best regards

[info794]

info794

#229514

Hello Sir,

i’m developing this website: http://www.mondogrowshop.com (follow user login data in next private reply)

I have a problem: i have setup a max container width of 1440px; but on larger monitor i see 5 products per row.

How i can resolve? i have asked a similar question in this topic: *Login to see link

but in that case i need 3 products per row, i dont have resolved with the same code.

Please help me.

Thanks and best regards

[Ben Ritner]

Ben Ritner

#229441

Hey,

In regards to the css you don’t seem to have what I posted last so it’s only applying to smaller screens.

it happens on all mobile devices

I just tried 4 different devices, I can’t recreate. The css should make it impossible because it’s forcing the items to be static.

Because of how you are including your images you can approach the grid through a different layout type if you like, would be CSS like this:

.kad_product_wrapper .kad_product {
    position: static !important;
    width: 100% !important;
}
.kad_product_wrapper {
    height: auto !important;
    position: static !important;
    display:grid;
    grid-template-columns: minmax(0,1fr);
}
.kad_product_wrapper:before {
    display: none;
}
@media (min-width: 544px) {
.kad_product_wrapper {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
}
@media (min-width: 767px) {
.kad_product_wrapper {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
}
}
@media (min-width: 1200px) {
.kad_product_wrapper {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
}
}

I can’t recreate your issue so I can’t recommend this.
Ben

[Sam Macnamara]

Sam Macnamara

#229241

Hi, appreciate that wasn’t the greatest of topic subjects (sorry!)

I was wondering when you create a row in Site Origin and split it into 3 columns, is there a way / custom CSS to force the row to be a certain height then maybe vertically align the text? (not 100% necessary but I would like all boxes to be the same height).

If you see here: *Login to see link

I actually don’t mind that they are a staggered height at the moment but as the text amount changes it won’t look balanced. I know I can ‘fudge it’ with Padding but that requires a lot of trial and error to get just right.

Many thanks for your input.
Sam

[Sam Macnamara]

Sam Macnamara

#229241

Hi, appreciate that wasn’t the greatest of topic subjects (sorry!)

I was wondering when you create a row in Site Origin and split it into 3 columns, is there a way / custom CSS to force the row to be a certain height then maybe vertically align the text? (not 100% necessary but I would like all boxes to be the same height).

If you see here: *Login to see link

I actually don’t mind that they are a staggered height at the moment but as the text amount changes it won’t look balanced. I know I can ‘fudge it’ with Padding but that requires a lot of trial and error to get just right.

Many thanks for your input.
Sam

[Hannah]

Hannah

#228958

One option would be to use the “Sitewide Footer Call to Action”. You can enable this from Theme Options > Footer. Or, another option is to use the footer widget layout that has a full-width single column over three columns. You could add your subscription line to the top column and your footer widgets underneath.
Hope that’s helpful!

Hannah