Search Results for 'COLUMNS'

[Ben Ritner]

Ben Ritner

#80738

Hey,
Filter isn’t an option, they don’t really work like your suggesting. If something is set up to be filterable then wordpress functions can be used to filter is but every html part isn’t filterable.

You would have to create your very own shortcode, then you could control all of the html output.

For example you would create the whole shortcode:

//Shortcode for Blog Posts
function custom_blog_shortcode_function( $atts, $content) {
	extract(shortcode_atts(array(
		'orderby' => '',
		'order' => '',
		'speed' =>'',
		'height' =>'',
		'width' =>'',
		'offset' =>null,
		'cat' => '',
		'columns'=> 'two',
		'word_count' => '',
		'items' => ''
), $atts));
	if(empty($orderby)) {$orderby = 'date';}
	if(!empty($order) ) {
		$order = $order;
	} else if($orderby == 'menu_order' || $orderby == "title") {
		$order = 'ASC';
	} else {
		$order = 'DESC';
	} 
	if(empty($items)) {$items = '4';}
	if(empty($word_count)) {$word_count = '36';}
	if(empty($cat)) {$cat = '';}

ob_start(); 

				 if($columns == "one") { 
                	$img_width = 360;
                	$postwidthclass = 'col-md-12 col-sm-12';
                	$home_sidebar = false;
                	$articleclass = 'home-blog-one-column';
                } else {
                	if(kadence_display_sidebar()) {
						$home_sidebar = true; 
						$img_width = 407; 
						$postwidthclass = 'col-md-6 col-sm-6 home-sidebar';
						$articleclass = 'home-blog-two-columns';
					} else {
						$home_sidebar = false; 
						$img_width = 270; 
						$postwidthclass = 'col-md-6 col-sm-6';
						$articleclass = 'home-blog-two-columns';
					}
                } ?>

			<div class="home_blog kad-animation home-blog-shortcode <?php echo esc_attr($articleclass);?>" data-animation="fade-in" data-delay="0">
				<div class="row">
            		<?php 
            		$xyz = '0';
					$wp_query = null; 
					$wp_query = new WP_Query();
					$wp_query->query(array(
						'orderby' => $orderby,
						'order' => $order,
						'offset' => $offset,
						'post_type' => 'post',
						'category_name'=>$cat,
						'posts_per_page' => $items
						)
					);
					if ( $wp_query ) :  while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>
						<div class="<?php echo esc_attr($postwidthclass); ?> blog-home-shortcode-single-post clearclass<?php echo ($xyz++%2); ?>">
				  		<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	                    <div class="rowtight">
	                    <?php global $post, $virtue_premium; 
	                    if(isset($virtue_premium['post_summery_default']) && ($virtue_premium['post_summery_default'] != 'text')) {
							if($home_sidebar == true) {
								$textsize = 'tcol-md-12 tcol-sm-12 tcol-ss-12';
								$imagesize = 'tcol-md-12 tcol-sm-12 tcol-ss-12';
							} else {
								$textsize = 'tcol-md-7 tcol-sm-12 tcol-ss-12';
								$imagesize = 'tcol-md-5 tcol-sm-12 tcol-ss-12';
							}
							if (has_post_thumbnail( $post->ID ) ) {
										$image_url = wp_get_attachment_image_src( 
											get_post_thumbnail_id( $post->ID ), 'full' ); 
										$thumbnailURL = $image_url[0]; 
										$image = aq_resize($thumbnailURL, $img_width, 270, true);
										if(empty($image)) { $image = $thumbnailURL; }
									} else {
								 		$thumbnailURL = virtue_post_default_placeholder();
										$image = aq_resize($thumbnailURL, $img_width, 270, true);
										if(empty($image)) { $image = $thumbnailURL; }
							 		} ?>
								 <div class="<?php echo esc_attr($imagesize);?>">
									 <div class="imghoverclass">
		                           		<a href="<?php the_permalink()  ?>" title="<?php the_title(); ?>">
		                           			<img src="<?php echo esc_url($image) ?>" alt="<?php the_title(); ?>" width="<?php echo esc_attr($img_width);?>" height="270" class="iconhover" style="display:block;">
		                           		</a> 
		                             </div>
		                         </div>

                           		<?php $image = null; $thumbnailURL = null;
                        } else { 
                          		if (has_post_thumbnail( $post->ID ) ) {
	                    				if($home_sidebar == true) {
	                    					$textsize = 'tcol-md-12 tcol-sm-12 tcol-ss-12'; 
	                    					$imagesize = 'tcol-md-12 tcol-sm-12 tcol-ss-12';
	                    				} else {
	                    					$textsize = 'tcol-md-7 tcol-sm-12 tcol-ss-12';
	                    					$imagesize = 'tcol-md-5 tcol-sm-12 tcol-ss-12';
	                    				}
										$image_url = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); 
										$thumbnailURL = $image_url[0]; 
										$image = aq_resize($thumbnailURL, $img_width, 270, true);
										if(empty($image)) { $image = $thumbnailURL; }
										 ?>
								 		<div class="<?php echo esc_attr($imagesize);?>">
										 <div class="imghoverclass">
			                           		<a href="<?php the_permalink()  ?>" title="<?php the_title(); ?>">
			                           			<img src="<?php echo esc_url($image); ?>" alt="<?php the_title(); ?>"  width="<?php echo esc_attr($img_width);?>" height="270" class="iconhover" style="display:block;">
			                           		</a> 
			                             </div>
			                         	</div>
 										<?php $image = null; $thumbnailURL = null; 
				                } else { 
				                       	$textsize = 'tcol-md-12 tcol-ss-12';
				                } 
						}?>
	                       		<div class="<?php echo esc_attr($textsize);?> postcontent">
	                       			<div class="postmeta color_gray">
				                        	<div class="postdate bg-lightgray headerfont">
				                        		<span class="postday"><?php echo get_the_date('j'); ?></span>
				                        		<?php echo get_the_date('M Y');?>
				                        	</div>
				                            
				                        </div>
				                    <header class="home_blog_title">
			                          <a href="<?php the_permalink() ?>">
			                          	<h2 class="entry-title"><?php the_title(); ?></h2>
			                          </a>
			                          <div class="subhead color_gray">
			                          	<span class="postauthortop" rel="tooltip" data-placement="top" data-original-title="<?php echo get_the_author() ?>">
			                          		<i class="icon-user"></i>
			                          	</span>
			                          	<span class="kad-hidepostauthortop"> | </span>
			                          		<?php $post_category = get_the_category($post->ID); if (!empty($post_category)) { ?> 
			                          		<span class="postedintop" rel="tooltip" data-placement="top" data-original-title="<?php 
			                          			foreach ($post_category as $category)  { 
			                          				echo $category->name .'&nbsp;'; 
			                          			} ?>"><i class="icon-folder"></i></span>
			                          		 <?php }?>
			                          		 <?php if(comments_open() || (get_comments_number() != 0) ) { ?>  
			                          	<span class="kad-hidepostedin">|</span>
			                        	<span class="postcommentscount" rel="tooltip" data-placement="top" data-original-title="<?php esc_attr(get_comments_number()); ?>">
			                        		<i class="icon-bubbles"></i>
			                        	</span>
			                        	 <?php }?>
			                        </div>
			                        </header>
		                        	<div class="entry-content">
		                          		<p><?php echo virtue_excerpt($word_count); ?> 
			                          		<a href="<?php the_permalink() ?>">
			                          			<?php if(!empty($virtue_premium['post_readmore_text'])) {
			                          				$readmore = $virtue_premium['post_readmore_text'];
			                          			} else {
			                          				$readmore = __('Read More', 'virtue');
			                          			} echo $readmore; ?>
			                          		</a>
		                          		</p>
		                        	</div>
		                      	<footer>
                       			</footer>
							</div>
	                   	</div>
                    </article>
                </div>
                    <?php endwhile; else: ?>
						<li class="error-not-found"><?php _e('Sorry, no blog entries found.', 'virtue');?></li>
					<?php endif; ?>
				<?php $wp_query = null; wp_reset_query(); ?>

	</div>
</div> <!--home-blog -->
            		

	<?php  $output = ob_get_contents();
		ob_end_clean();
	return $output;
}

Then hook that into wordpress with your custom shortcode hook

function my_extra_shortcodes(){
   add_shortcode('custom_blog_posts', 'custom_blog_shortcode_function');
}
add_action( 'init', 'my_extra_shortcodes');

and then you would be able to use the new shortcode:

[custom_blog_posts items="2" cat="wissenswertes" orderby="date"]

Ben

[Ben Ritner]

Ben Ritner

#80675

Hey,
Best thing would be to place the video in a column with the columns shortcodes or place into pagebuilder using column setup.

Ben

[Ben Ritner]

Ben Ritner

#80607

Hmm, Ok

So since your using all the footer widgets there isn’t really a great option for making a new one that is beside the credits…

Closest thing would be to install this plugin: https://wordpress.org/plugins/wp-widgets-shortcode/

Then create a new widget area in your theme options > misc settings.

Lastly in the footer credits box you would add

[columns][span6]© 2016 PanDora's Kitchen[/span6][span6] [dynamic-sidebar id='Your New Widget Area/Sidebar Name'] [/span6][/columns]

That would make your new sidebar show in the footer next to the credits.

Once you have the image url let me know I can help you with the css.

Ben

[Hannah]

Hannah

#80593

Hey David,
I’m not sure what you’re trying to do exactly. How are you adding your images? Looks like not all of them have captions to show? Are you wanting them to display in columns or in one line as they are now?

Hannah

[Hannah]

Hannah

#80584

Hey Joel,
You can do this by making your front page the latest post page (Settings > Reading). Then go to Theme Options > Home Layout and enable Page Content in the homepage layout manager. Then scroll to the bottom of that page to Page Content Options. Set Use Post Grid Format to On and set the Post Columns to 3.
Hope that works for you!

Hannah

[Joel]

Joel

#80567

Hi I am trying to figure out the best way to set up infinite scroll on my homepage with posts in 3 columns. Ideally I would like to have a slider at the top and then 3 columns of blog posts with infinite scroll under that.
Any help would be much appreciated

[Joel]

Joel

#80567

Hi I am trying to figure out the best way to set up infinite scroll on my homepage with posts in 3 columns. Ideally I would like to have a slider at the top and then 3 columns of blog posts with infinite scroll under that.
Any help would be much appreciated

[Colin]

Colin

#80549

Thanks Ben. It’s not just the mobile browser though, you can see the same effect on Firefox/Edge/Chrome by reducing the window to the point where the 5 columns at the top reduce to 4.
Also, the previous site I used Virtue in – http://www.ohsmodels.com – I didn’t notice but does the same. I’ve not included the menu hack above into that site.

[Adrián García Valverde]

Adrián García Valverde

#80539

Hi

yes, i use page builder. what have i to write on excerpt? Anyway, the posts are right, the problem is this code: [staff_posts orderby=”rand” columns=”3″ cat=”helptocoach” ratio=”square” link=”true”] on page, it run ok before.

[joanna]

joanna

#80538

Hi Ben, thanks for the reply.

Please note that we are using 4 columns footer and here is a link to our website: http://pandoraskitchen.gr/
We havent desides for the image yetwe are going to use a png or a gif.

Look forward to your solution

Thanks

[Ben Ritner]

Ben Ritner

#80509

Hey,
1. you can’t center with a carousel, it’s more then css that aligns it. And since the whole thing is set up for more then one it’s not the best route. but if you just added the product through a shortcode like:
[featured_products per_page="1" columns="3"]

Then I would be able to help out with some css.

In terms of the whole image. In your theme options > shop settings > Product Image Sizes. Set the product ratio to landscape or wide landscape.

Ben

[Ben Ritner]

Ben Ritner

#80508

Hey,
The columns are set by pagebuilder, you can turn off the mobile breakdown in your pagebuilder settings else you would need to manually override pagebuilder with css:

@media (max-width: 480px){
  #pg-1487-2 #pgc-1487-2-1, #pg-1487-2 #pgc-1487-2-2, #pg-1487-2 #pgc-1487-2-3, #pg-1487-2 #pgc-1487-2-4 {
    width: 50% !important;
    float: left !important;
}
}

Ben

[Russell]

Russell

#80479

Ben / Hannah – I can probably struggle through myself – I have set site to two columns using the Home Widget Area and putting some widgets in there, so I’ll carry on playing – but can you answer me this question ….

What is the difference between using a static ‘home’ page (Reading tab under Settings) vs using the Home Layout option under Theme Options

Which do you think I should be focussing on using?

Thanks

[Hannah]

Hannah

#80473

Hey J,
You cannot have your homepage both a latest post page and a static page. If you wanted you could use the home widget area (theme options > home layout) and add a layout builder widget (appearance > widgets) to add rows/columns. Or you could make your page a static page and add your posts either through the latest post in the homepage layout manager, or through a shortcode.
In the future please start a new topic:)

Hannah

[Kevin]

Kevin

#80391

Hello! The post’s settings are as follows.

Under “Portfolio Post Options, you should be using the “beside 33%” option.
For “Project Options” use “Image List Style 2.”
Columns: Four Column

Then ad all of your photos to the gallery, and it should lay them out that way.

Hope that helps!

[Jalinous]

Jalinous

#80312

Hi Ben,

I removed the file archive-produc.php and now I can see the grid/list view and it is working. Thank you!

One more question on this topic:
Is there any way that I can reformat the list view to get something like at the link below:

http://www.robotshop.com/en/robots-to-build.html?mode=list

I like the way they list the products. Each row has three columns and it gives a nice shopping experience.

Please let me know.

Thanks,
Jay

[Carrie]

Carrie

#80311

Thank you Ben, but its not the header, its whats happening with logo. It’s inconsistent, even without changing the size if the screen the logo jumps from large (overhanging the black bar) to small and inside the black bar/primary navigation. When the logo is full size, the slider is forced over to the right. This causes the 2 columns on the home page to stack unevenly.

What I’m trying to do is have the slider on the home and lee chartier pages to consistently be positioned below the full size logo. All the other pages are fine, and they don’t have sliders.

Maybe these images will help show you what I mean.

http://www.insidestyleri.com/wp-content/uploads/2016/02/Screenshot-2016-02-08-19.39.49.jpg

http://www.insidestyleri.com/wp-content/uploads/2016/02/Screenshot-2016-02-08-19.39.37.jpg

Thank you.

[Ben Ritner]

Ben Ritner

#80226

Hey,
You can’t do to a sanitation that happens with the meta text boxes. What I would suggest is just using pagebuilder, leave the values blank and select the three rows layout.

Then using pagebuilder add in the two columns and in your right one use a visual editor widget to add in the list. There you would be able to make each list item whatever you like.

Ben

[Ben Ritner]

Ben Ritner

#80211

Hey,
You can add this css:

#portfoliowrapper {
    padding: 0;
}

Or what would be best is to remove the classes col-lg-9 col-md-8 from the portfolio wrapper.

Or what would be even better is to use a sidebar page template and add this shortcode to the page content for the portfolio grid.

[portfolio_posts columns="4" items="10"]

Then you wouldn’t have to edit the template.

Ben

[Ben Ritner]

Ben Ritner

#80206

Hey,
1. How many footer columns are you using? (posting a link with support is always best)

2. What is the custom icon? Is it an image? Can you send a link to this image?

Ben

[Ben Ritner]

Ben Ritner

#80194

Using a shortcode you can set the order..

order="ASC"

[portfolio_posts orderby=title order="ASC" excerpt=false itself=false columns=4 items=-1 height=320 lightbox=true showtypes=true cat="schule"]

Ben