Search Results for 'sidebar'

[Ben Ritner]

Ben Ritner

#81107

Hey,
If your using a sidebar then you don’t need to use pagebuilder, you can just add the testimonial widget to the sidebar directly.

Ben

[True Doors]

True Doors

#81092

I have translated each post (testimonial) in both languages. However I’m still struggling to show the right widgets on sidebars within pages.

Within a page is fine, as using the shortcode becomes part of the content that is available in both languages.

[Ben Ritner]

Ben Ritner

#81048

Hey,

Just so you know, we recommend using this plugin for events: https://wordpress.org/plugins/the-events-calendar/

I don’t know the one your using but a quick css fix would be to add this:

.single-event .main.col-lg-9 {
    width:100%;
}
.single-event .kad-sidebar.col-lg-3 {
    display:none;
}

For a child theme. assuming they are doing standard options you can use this function:

add_filter('kadence_display_sidebar', 'kad_sidebar_on_special_page');
function kad_sidebar_on_special_page($sidebar) {
	global $post;
	if ($post->post_type == "events") {
    return false;
  }
  return $sidebar;
} 

Ben

[dgonzalez1992]

dgonzalez1992

#81014

Hi,

A few months ago, I was helped with a situation where I couldn’t get full widths to work with an event plugin called Event Espresso. Here’s the link:
*Login to see link

I have now moved to a new event plugin called ‘Events Manager’ on a new site (Under construction) *Login to see link and I’m trying to make the event page full width and remove the sidebar. The plugin has an option to use the full width template, but it doesn’t seem to be working.

Is this an issue with the theme or the plugin?

Thank you,
David

[dgonzalez1992]

dgonzalez1992

#81014

Hi,

A few months ago, I was helped with a situation where I couldn’t get full widths to work with an event plugin called Event Espresso. Here’s the link:
*Login to see link

I have now moved to a new event plugin called ‘Events Manager’ on a new site (Under construction) *Login to see link and I’m trying to make the event page full width and remove the sidebar. The plugin has an option to use the full width template, but it doesn’t seem to be working.

Is this an issue with the theme or the plugin?

Thank you,
David

[Hannah]

Hannah

#80949

Hey,
You can do this using the Feature – Sidebar template. You can select this from the individual edit page under Page Attributes.

Hannah

[James]

James

#80938

Hi Hannah!
Sorry one more thing, if I want the slider to be above the body like the home page, how do I get it to work as a shortcode if I have a sidebar showing on the page? Do I have to put it in the template? or for that product I select a different template perhaps.

[lee]

lee

#80925

Is it possible to move the sidebat in the code rather than with CSS by modifying a template.

The reason being are twofold.

So the menue i place in the sidebar will appear highr up in the code so will be spiderd first by googlebot, rather than the body content.

When I look at the page in a device window that is smaller, the menu, when moved to the left with CSS, drops to the bottom of the page after the body content.

It would be better for me from a user perspective if the menue appears above the body so the content otherwize the customer has to scroll past all the content before a menue is presented, and im not using a horizontal menue so this is not good UX.

if possible can you tell me what template to edit or post a modified template that i can paste in to child theme.

thanks very much,

regards Lee

[mikes]

mikes

#80876

Great thanks Ben!
I’ll try setting up a pagebuilder portfolio post with a custom sidebar and use that as a template with the Duplicate Post plugin.

[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

#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

[Ben Ritner]

Ben Ritner

#80510

Hey,
A static page determines what is show in the “page content” module of the theme options > home layout > layout manager.
If it’s a static page then “page content” would be that static pages content. If it’s posts then “page content” would be the latest post.

See here: https://www.kadencewp.com/creating-a-home-page-with-virtue/

IN terms of adding a widget to the page you can use pagebuilder or the sidebar, seems right now you have a sidebar set up.

Let me know if you have any further questions.

Ben

[True Doors]

True Doors

#80441

Hi there,

Is it possible to translate the virtue carousel widget please?

For some reason it seems that it only shows on the EN website sidebar that I indicated and cannot get it to show on the NL website sidebar.

[True Doors]

True Doors

#80441

Hi there,

Is it possible to translate the virtue carousel widget please?

For some reason it seems that it only shows on the EN website sidebar that I indicated and cannot get it to show on the NL website sidebar.

[Ben Ritner]

Ben Ritner

#80299

I see that you are adding this css:

#ktsidebar .sidebar h3 {
    color: #FFFFFF;
}

making the titles white and on a white background not visible…

Ben

[Ben Ritner]

Ben Ritner

#80261

1.

@media (max-width: 767px) {
#pg-48-0 .panel-grid-cell {
    float: left !important;
    width: 50% !important;
}
}

2.

@media (max-width: 767px) {
    .page-header .kt_product_toggle_container {
    position: absolute;
    right: 0;
    margin: 0;
}
}

3. It is?

4.

.product .entry-summary .kad_add_to_cart {
    width: 80%;
}
#enquiry input.wpi-button {
    width: 100%;
}
.single-product .summary a.add_to_wishlist, .yith-wcwl-add-to-wishlist {
    width: 100%;
    float: none;
    display: block;
    text-align: center;
}

div.product .summary form.cart div.quantity {
    width: 20%;
    margin: 0;
    padding-right: 10px;
}

.woocommerce .summary .quantity input.qty {
    width: 75%;
    margin: 0;
}
#content .summary .quantity .minus {
    right: 10px;
    width: 25%;
    border-left: 1px solid #c6c6c6;
}
#content .summary .quantity .plus {
    right: 10px;
    width: 25%;
    border-left: 1px solid #c6c6c6;
}

5. They are.

6. What intro text are you referring too?

7, 8, 9. See above ^

10. See above ^

11.

@media (min-width: 767px) {
.woocommerce .page-header > .row > .col-md-6 {
    width: 30%;
}
.woocommerce .page-header > .row > .col-md-6:last-child {
    width: 70%;
}

12. you are using a plugin for the gallery contact the plugin author.
13 and 14. see above.

15 and 16. see above.

17. You can add this:

@media (min-width: 992px) and (max-width:1200px){
    .kad-sidebar{
        width:28%
        }
    .main.col-lg-9 {
        width:72%;
    }
}

INFO – You should really hiring a developer. You are extending questions well beyond the scope of theme support and while we’ve been helping anyway it’s best practice for us to make it clear that you need a developer if your wanting to override the theme to such specifics. See our support policy.

Thanks,

Ben

[Ben Ritner]

Ben Ritner

#80254

Hey,
You shouldn’t need to edit templates. In your apperance > widgets page do you have a testimonial carousel in your sidebar?

Ben

[Ben Ritner]

Ben Ritner

#80250

You can add this css for the count:

.sidebar .product-categories li span.count {
    position: absolute;
    right: 20px;
    top: 5px;
}
.sidebar .product-categories li {
    position: relative;
}

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

#80205

Hey,
1. If you are hiding the page title then you wouldn’t you can’t hide the page title and also have that show.

2. That isn’t an option with woocomemrce. You would have to edit eh woocommerce plugin to create that option. What you can do is just add the mini cart to your sidebar then they would see the checkout button.

Ben

[Ben Ritner]

Ben Ritner

#80197

Hey,
So you need to first take in that there is no way to do a mini blog in wordpress… ok. So once you know that then you can consider some ways to fake it but do not think that this will make a mini blog. again that isn’t an option.

Your standard blog page will have all post. because thats how wordpress works. You can of course create pages that only show posts in certain categories. Which is what I suggested. For that you need to make the categories first. Make two main categories then make a new page and using the page template blog only select to show one of those main categories. (your main posts). Then you have effectively faked a blog page that doesn’t show your “mini” posts.

So to clarify, it’s not possible to have what you want automated and easy for you. This doesn’t have to do with theme it’s just how wordpress works.

But what you can do (with some trouble) is make workarounds by using two main categories and only showing posts from one. Then creating carousels or widgets that only show posts from another.. those being your “mini” posts. You would have to make a new category for each mini post and select to show that category on your main post by using pagebuilder or a sidebar widget.

Does that help at all?

Ben

[Hannah]

Hannah

#80144

Hey Francis,
If you are removing the title from the widget title box (Appearance > Widgets) it shouldn’t be appearing. Make sure your cache is cleared.
If it still shows you can always remove with css like this:

.sidebar .widget-first h3 {
    display: none;
}

Hannah