Search Results for 'sidebar'

[Ben Ritner]

Ben Ritner

#49242

Hey,
You can only filter things that are part of a main loop. Like the shop or category page. You can’t filter anything added through a shortcode or a carousel/widget.

Woocommerce recently viewed products is not a widget that works in horizontal layout. It’s designed for a sidebar not for part of the page content.

Ben

[Ben Ritner]

Ben Ritner

#49139

Yeah you can leave if off or use a function to turn it off. The filter runs on the kadence_display_sidebar hook.
Ben

[Jose]

Jose

#49136

Great!

Did that just renamed the file to match my template with the base- prefix and now everything is showing fine except the sidebar is still showing I had to delete the call to the sidebar (section below) so it won’t display in the page

<?php if (kadence_display_sidebar()) : ?>
<aside id=”ktsidebar” class=”<?php echo esc_attr(kadence_sidebar_class()); ?> kad-sidebar” role=”complementary”>
<div class=”sidebar”>
<?php include kadence_sidebar_path(); ?>
</div><!– /.sidebar –>
</aside><!– /aside –>
<?php endif; ?>
</div><!– /.row–>
</div><!– /.content –>
</div><!– /.wrap –>

this is what it looks like when I leave the code above in the base-page-renatus.php which is my template http://studyrei.com/opportunity/

I’m thinking to just leave that code off?

[Jose]

Jose

#49123

ok, the landing page template is great. As soon as I rename the file to something else it brings back the header, footer and sidebar. Any way around this? This will be an issue since I’ll need to create more than one landing page on my site.

[Hannah]

Hannah

#49000

Hi Frances,
1. Try adding this to your custom css box:

#nav-main ul.sf-menu > li.current-menu-parent > a {
  color: #000000;
  background-color: #fff23f;
}

2. Not sure why the background position setting wouldn’t be working. We’ll look into this. For now you can use this css:

#pg-57-2 .kt-panel-row-stretch {
  background-position: right top !important;
}

3. Did you want this to apply to all sidebars? If so you can use this:

@media (min-width: 992px) {
.sidebar {
margin-left: 20px;
}
}

4. That’s just your paragraph padding. You can remove with this:

p {
  margin: 0;
}

Hope that helps!
Hannah

[Ben Ritner]

Ben Ritner

#48977

For better compatibility with everything I suggest this css:

@media (min-width: 992px){
    #ktsidebar.kad-sidebar {width: 35%}
    .main.col-lg-9 {width:65%;}
}

Ben

[Ben Ritner]

Ben Ritner

#48976

In your blog post or in your blog page you should see options to select which sidebar you want to show. (Make sure you have not set a page to be your “post” page in the settings reading.
http://docs.kadencethemes.com/virtue/#blogpage

Ben

[michel]

michel

#48970

How can I have one sidebar show on the blog page, and a different sidebar show in the blog post?

Thanks

[michel]

michel

#48970

How can I have one sidebar show on the blog page, and a different sidebar show in the blog post?

Thanks

[Hannah]

Hannah

#48965

Hey Michel,
Try adding this to your custom css box in Theme Options > Advanced Settings:

.sidebar {
min-width: 300px;
}

Does this work for you?

Hannah

[michel]

michel

#48960

How can I change the width of my sidebar? When I add facebook widget, it appears at 300px wide, but when I put a 300px wide image, it always gets shrunk to around 250px. How can I solve this?

Thanks

[michel]

michel

#48960

How can I change the width of my sidebar? When I add facebook widget, it appears at 300px wide, but when I put a 300px wide image, it always gets shrunk to around 250px. How can I solve this?

Thanks

[Hannah]

Hannah

#48900

Oh, sorry!! I just re-read your first comment and saw you said “post”. So with posts you can make the template fullwidth just by setting “No” beside “Display Sidebar” in your post edit page. Or you can make this the default setting in Theme Options > Blog Options.

Hannah

[Ben Ritner]

Ben Ritner

#48768

Hey,
In your settings > reading. Make sure you don’t select a page to be the posts page. Then your sidebar settings in the blog template will take effect.

Adding a slider to the blog page above the title isn’t’ part of the options. You can use a shortcode for your blog through and use a differnet template:
[kad_blog orderby=date items="-1"]

Or you can add the slider into the page content and manually add the page title below it. Hiding the page title above with this css:

.vi-blogger .page-header {
display:none;
}

Ben

[DanL]

DanL

#48752

*Login to see link

This is set as the default blog page, and it’s working, but I can’t change the template info when editing the page to use Feature w/ Sidebar to set a custom rev slider at the top and a blog-specific sidebar. (The options aren’t there when the page is set as the default blog page.)

You’ll see ever other page on the site has a rev slider across the top (just under the menu; standard functionality) and some section-or-page-specific sidebar.

Advice?

Thanks,
-Dan

[DanL]

DanL

#48752

*Login to see link

This is set as the default blog page, and it’s working, but I can’t change the template info when editing the page to use Feature w/ Sidebar to set a custom rev slider at the top and a blog-specific sidebar. (The options aren’t there when the page is set as the default blog page.)

You’ll see ever other page on the site has a rev slider across the top (just under the menu; standard functionality) and some section-or-page-specific sidebar.

Advice?

Thanks,
-Dan

[Hannah]

Hannah

#48505

Hey Joanne,
Try re-saving your permalinks. Go to Settings > Permalinks and save. Let me know if the issue remains.
Just so you know, there is an option to add product categories to your menu. If you don’t see this in the left sidebar in Appearance > Menus you may need to select it from the Screen Options tab in the top right of your page.

Hannah

[Ben Ritner]

Ben Ritner

#48456

Facebook feed requires a certain size. You have yours set to 350.

For the main content to move over that much use this css:

@media (min-width: 992px){
    #ktsidebar.kad-sidebar {width: 35%}
    .main.col-lg-9 {width:65%;}
}

Ben

[Mike]

Mike

#48432

I chose the boxed page layout, but when I added the primary sidebar (with Facebook feed) to my home page it extends beyond the box container. The sidebar is basically the width I’d like it to be, so how do I restrict the width of the main part of the page so the sidebar tucks back in. You can take a peek here. Thanks as always!

[Mike]

Mike

#48432

I chose the boxed page layout, but when I added the primary sidebar (with Facebook feed) to my home page it extends beyond the box container. The sidebar is basically the width I’d like it to be, so how do I restrict the width of the main part of the page so the sidebar tucks back in. You can take a peek here. Thanks as always!

[James]

James

#48426

HI Hannah
It’s in there, put the code in right after I got it from Ben.
I inherited this theme from the free user, who installed it. Everything is working fine except this small issue with the review css.
I was hoping you could spot the issue I spent a few hours trying to fix it.
I don’t see where I can attach a file so here’s the added css.

form.answer-survey label.control-label {
text-align:left;
}
/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
body {
	font-family: Verdana;
	line-height: 21px;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
}

.topclass {
	background: #08f;
	margin-top: 30px;
	height: 25px;
}

p.demo_store {
	background: #0000dd;
}

.captiontitle, .captiontext {
	background: rgba(0,0,0,.05);
}

.flex-caption {
	zoom: 1;
	text-align: left;
	position: absolute;
	left: 20px;
	bottom: 20px;
	text-shadow: none;
}

.captiontext p {
	margin: 0;
	color: #666666;
	font-size: 20px;
}

.captiontitle {
	font-size: 46px;
	padding: 8px 16px;
	display: inline-block;
	line-height: 36px;
	margin-bottom: 4px;
	font-weight: 700;
	color: #00aaff;
}

.captiontext .headerfont {
	color: #000099;
	line-height: 40px;
	font-weight: 400;
	font-style: normal;
	font-size: 32px;
	color: #000099;
	text-align: center;
}

h1 {
	font-family: Lato;
	line-height: 40px;
	font-weight: 400;
	font-style: normal;
	font-size: 28px;
	color: #0000aa;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}

.col-md-4 {
	position: relative;
	min-height: 1px;
	padding-left: 30px;
	padding-right: 30px;
}

h3 {
	font-family: Lato;
	line-height: 20px;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	color: #000099;
	text-align: center;
}

#containerfooter {
	color: #000099;
	font-size: 24px;
}

#containerfooter, .footercredits p, .footerclass a, .footernav ul li a {
	color: #666666;
	font-family: Verdana;
	line-height: 21px;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
}

a {
	color: #0000ff;
}

div.wpcf7 {
	margin: 0;
	padding: 20px;
	width: 500px;
	float: none;
	margin-left: 0;
	font-weight: 700;
	font-size: 13px;
	background-color: #ffe868;
	border: 6px solid #ffdd00;
}

.star-rating {
	float: right;
	overflow: hidden;
	position: relative;
	height: 1em;
	line-height: 1em;
	font-size: 1.2em;
	width: 5.4em;
	font-family: star;
	color: #ffff00;
	text-shadow: 1px 1px #aaaaaa;
}

div.product .woocommerce-tabs ul.tabs li a, #content div.product .woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: .5em 0;
/* font-weight: 700; */
	color: #5e5e5e;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	text-decoration: none;
}

div.product .woocommerce-tabs ul.tabs li.active, #content div.product .woocommerce-tabs ul.tabs li.active {
	background: #ffff66;
	z-index: 2;
	border-bottom-color: #ffff66;
}

div.product .woocommerce-tabs ul.tabs:before {
	position: absolute;
	content: " ";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 2px solid #ffff00;
	z-index: 1;
}

div.product .woocommerce-tabs ul.tabs li {
	border: 1px solid #ffff00;
	background: #f2f2f2;
	display: inline-block;
	position: relative;
	z-index: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin: 0 -5px;
	padding: 0 1em;
}

body.single.single-product.postid-1575 .col-md-5.product-img-case {
	display: none;
}

body.single.single-product.postid-1575 .pricebox {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-color: rgba(0,0,0,.05);
	margin-bottom: 10px;
	display: none;
}

body.single.single-product.postid-1575 .product form.cart {
	margin-bottom: 2em;
	position: relative;
	display: none;
}

body.single.single-product.postid-1575 .cat_back_btn.headerfont {
	display: none;
}

body.single.single-product.postid-1575 .col-md-7, .span7 {
	width: 100%;
}

body.single.single-product.postid-1575 .short_description {
	max-width: 1200px;
}

body.single.single-product.postid-1575  .product .product_meta {
	margin-top: 20px;
	padding-top: 20px;
	font-size: 11px;
	border-top: 1px solid #eee;
	border-color: rgba(0,0,0,.05);
	display: none;
}

body.single.single-product.postid-1575 .woocommerce-page form .form-row-wide {
	width: 800px;
	margin: auto;
}

body.single.single-product.postid-1575 .woocommerce #reviews #comments h2, .woocommerce-page #reviews #comments h2 {
	clear: none;
	font-size: 17px;
	color: #0000ff;
	text-align: center;
	display: none;
}

body.single.single-product.postid-1575 h3#reply-title {
	font-size: 28px;
}

body.single.single-product.postid-1575 .woocommerce-tabs ul.tabs {
	list-style: none;
	padding: 0 0 0 14px;
	margin: 0 0 25px;
	overflow: hidden;
	position: relative;
	display: none;
}

body.single.single-product.postid-1575 #commentform textarea {
	width: 100%;
	padding: 8px;
	height: auto;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 5px;
	border-color: #ffee00;
	background-color: #ffffee;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text {
	margin: 0 0 0 50px;
	border: 1px solid #ffffaa;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 1em 1em 0;
	background-color: #ffffee;
}

body.single.single-product.postid-1575 .panel h3 {
/* border-bottom: 1px solid #eee; */
	margin-bottom: 20px;
}

.sf-menu li a i {
	font-size: 17px;
	display: inline-block;
	color: orange;
	line-height: 15px;
}

.navclass {
	background: #ffffff repeat-y right bottom;
	border-bottom: 1px solid #B7EBE9;
	border-top: 1px solid #DBFAF9;
}

#nav-second ul.sf-menu>li>a {
	width: 100%;
	padding: 10px 0;
	color: #000099;
	border-bottom: 2px solid #ffffff;
	font-size: 16px;
	line-height: 15px;
}

#nav-second ul.sf-menu>li>a:hover {
	width: 100%;
	padding: 10px 0;
	color: #000033;
	background-color: #ffffff;
	border-bottom: 2px solid #00e5e5;
}

.page-header {
/* border-top: 1px solid #eee; */
	border-bottom: 1px solid #eee;
	border-color: rgba(0,0,0,.05);
	padding-bottom: 8px;
	margin: 0 0 20px;
/* padding-top: 8px; */
}

#nav-main ul.sf-menu a {
	color: #888888;
}

#nav-main ul.sf-menu a:hover {
	color: #0000ff;
}

.woocommerce-message {
	border: 1px solid #ffff33;
/* border-color: rgba(0,0,0,.47); */
	background-color: #ffff66;
}

body.single.single-product.postid-1575 p.comment-subscription-form {
	display: none;
}

h2 {
	font-family: Lato;
	line-height: 40px;
	font-weight: normal;
	font-style: normal;
	font-size: 27px;
	color: #00a;
}

#containerfooter h3, .footerclass a, .footernav ul li a {
	color: #000077;
	text-align: left;
/* font-size: 22px; */
}

.footerclass a:hover, .footernav ul li a:hover {
	color: #0000ff;
	text-align: left;
/* font-size: 22px; */
}

#containerfooter .menu li a {
	padding: 2px 8px;
	margin-bottom: 5px;
	background: #ffffff;
	display: block;
	max-width: 230px;
	-webkit-transition: background .4s ease-in-out;
	-moz-transition: background .4s ease-in-out;
	-ms-transition: background .4s ease-in-out;
	-o-transition: background .4s ease-in-out;
	transition: background .4s ease-in-out;
}

#containerfooter .menu li a:hover {
	padding: 2px 8px;
	margin-bottom: 5px;
	background: #ffffff;
	color: #0000ff;
	display: block;
	max-width: 230px;
	-webkit-transition: background .4s ease-in-out;
	-moz-transition: background .4s ease-in-out;
	-ms-transition: background .4s ease-in-out;
	-o-transition: background .4s ease-in-out;
	transition: background .4s ease-in-out;
}

#payment {
	background: #ffff;
/* background: rgba(0,0,0,.01); */
	border: 3px solid #ffff00;
/* border-color: rgba(0,0,0,.07); */
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 20px;
}

a.about_paypal {
	display: none;
}

#payment div.payment_box {
	position: relative;
	width: 96%;
	padding: 1em 2%;
	margin: 1em 0;
	font-size: .92em;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	line-height: 1.5em;
	background: #ffffb2;
	color: #000099;
}

#payment div.payment_box:after {
	content: "";
	display: block;
	border: 8px solid #ffee00;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
	position: absolute;
	top: -3px;
	left: 0;
	margin: -1em 0 0 2em;
}

#payment .methods label {
	display: inline-block;
	margin: 5px 0 0;
	color: #0000aa;
}

.woocommerce-info {
	border: 1px solid #ddd;
	border-color: rgba(0,0,0,.07);
	Background-color: #ff6;
}

form.checkout_coupon, form.register, form.login {
	border: 1px solid #dfdbdf;
	padding: 20px;
	margin: 2em 0;
	text-align: left;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: #ff6;
	color: #000099;
}

h2 {
	font-family: Lato;
	line-height: 30px;
	font-weight: 400;
	font-style: normal;
	color: #0000aa;
	font-size: 21px;
}

h3 {
	font-family: Lato;
	line-height: 30px;
	font-weight: 400;
	font-style: normal;
	color: #0000aa;
	font-size: 20px;
}

.wp-caption.alignleft {
	margin: 10px 40px 10px 10px;
}

.wp-caption-text {
	font-size: 11px;
	line-height: 19px;
	margin-top: 10px;
}

p.subtitle {
	text-align: center;
	color: #000033;
	background-color: #ffff4c;
	padding: 10px;
}

p.demo_store {
	background: #0000aa;
	line-height: 18px;
	border-bottom: 1px solid #00ffff;
}

#logo {
	padding-bottom: 1px;
}

#logo {
	padding-top: 5px;
}

.contentclass {
	background: #fff;
	padding-bottom: 30px;
	padding-top: 2px;
}

.topclass {
	background: #08f;
	margin-top: 25px;
	height: 25px;
}

.topbarmenu ul li a {
	color: #fff;
	display: block;
	padding: 5px 10px;
	font-size: 12px;
	transition: background .5s;
	-moz-transition: background .5s;
	-webkit-transition: background .5s;
	-o-transition: background .5s;
}

.style-clean_style.hide_thumbs.hide_title.hide_date.stars_rating.hide_other.easy_t_single_testimonial {
	font-style: italic;
	margin-bottom: 40px;
/* font-size: 12px; */
	color: #777777;
}

span.stars span {
	color: yellow;
	float: left;
}

blockquote p:last-child {
	margin-bottom: 15px;
}

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
	float: right;
	margin-left: 4px;
	margin-top: 5px;
	width: 135px;
	height: auto;
}

.woocommerce ul.cart_list li a, .woocommerce-page ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.product_list_widget li a {
	display: block;
	font-weight: 700;
	line-height: 19px;
}

.woocommerce ul.cart_list li, .woocommerce-page ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.product_list_widget li {
	padding: 4px 0;
	margin-top: 15px;
	list-style: none;
}

blockquote p:last-child {
	margin-bottom: 15px;
	font-size: 15px;
	font-style: italic;
	line-height: 23px;
}

aside.col-lg-3.col-md-4.kad-sidebar {
/* padding: 0px; */
	margin: 0;
/* border: 1px solid; */
	padding-left: 1px;
	padding-right: 1px;
}
h1 {
  font-family: Lato;
  line-height: 40px;
  font-weight: 400;
  font-style: normal;
  font-size: 28px;
}
.single-product.woocommerce span.onsale {
  left: 16px;
  background: #c72c00;

.price ins .amount {
	color: #ff0000;
.description {
  font-size: 15px;
  font-style: italic;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p {
  margin: 0 0 1em;
  font-size: 15px;
}
@media screen and (max-width: 400px) {
	p.demo_store {
	   display:none
	}
}
.col2-set, .row, .row-fluid {
margin-left: 0px;
margin-right: 0px;
}
.comment_container {
  font-size: 12px;
}

[andrea.juelich]

andrea.juelich

#48220

Hey,
I thought about using a differnet slider but flex slider can’t be full width and Kadence Slider only has fade in options, right?
If I set the background on cover, it will be even more blurry though, won’t it?

Regarding 3. Thank you, just saw though that on the single blog post the sidebar widgets start lower than the post itself(which is different in your demo). Not sure why, but would I need to set a negative margin like

.widget-first{
margin-top:-25px;
}

?
And regarding 4., do you think a jquery script like I emailed you could work somehow?

Thanks,
Andrea

[Hannah]

Hannah

#48115

Good morning,
1. Add this to your custom css box in Theme Options > Advanced Settings:

.blog .postlist article {
  text-align: center;
}

2. Add this css:

.blog .postlist article [class^=icon-] {
  display: none;
}

3.

.blog .contentclass {
  padding-top: 70px;
}

Adding a sidebar won’t effect any of the above css.
Hope it helps!

Hannah

[Anamaria]

Anamaria

#48100

Hello again! I have a few more questions for which I couldn’t find answers in the forums.

I’m trying to make the following changes to this page: *Login to see link
1. center-align the post titles, categories, summary and image (basically, everything)
2. remove the icon that appears before “posted in”
3. add padding above the top post so that it doesn’t appear so close to primary menu (I just asked for this for another page earlier today) (NOTE: I’m doing this because there appears to be more space below primary menu on post pages- *Login to see link – and it looks a bit off to navigate from a post page back to home or blog page where top-most element is further up. If I’ve done something to cause this, please let me know. Otherwise, I will happily apply whatever CSS you provide to adjust this page)

PS- I may choose to add a sidebar to this page, but I expect that that wouldn’t affect any of the answers to the questions above, however please let me know if it would and I will make a decision asap.

I’m still learning and appreciate your amazing support!

[Anamaria]

Anamaria

#48100

Hello again! I have a few more questions for which I couldn’t find answers in the forums.

I’m trying to make the following changes to this page: *Login to see link
1. center-align the post titles, categories, summary and image (basically, everything)
2. remove the icon that appears before “posted in”
3. add padding above the top post so that it doesn’t appear so close to primary menu (I just asked for this for another page earlier today) (NOTE: I’m doing this because there appears to be more space below primary menu on post pages- *Login to see link – and it looks a bit off to navigate from a post page back to home or blog page where top-most element is further up. If I’ve done something to cause this, please let me know. Otherwise, I will happily apply whatever CSS you provide to adjust this page)

PS- I may choose to add a sidebar to this page, but I expect that that wouldn’t affect any of the answers to the questions above, however please let me know if it would and I will make a decision asap.

I’m still learning and appreciate your amazing support!