Search Results for 'widget area'

[Mihai]

Mihai

#49771

This reply has been marked as private.

[Hannah]

Hannah

#49763

So you can change that font and size with css like this:

.kad-call-title-case h1.kad-call-title {
  font-family: monospace;
  font-size: 30px;
}

Another option is to add a call to action as a widget and place it in the home widget area (appearance > widgets). Then you can customize the title settings however you want.
Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#49531

Ok I’m missing something then. If you add a menu to the topbar and give it submenu items that would create a dropdown. Same way you would for any menu. See here: https://www.kadencewp.com/building-displaying-menus/

Is this what your asking?

Adding a widget to the topbar means you turn on the topbar widget area in the theme options> topbar settings. Then you go to appearance > widgets and add a widget to the topbar area.

Ben

[Hannah]

Hannah

#49451

Hey Camille,
There isn’t a built in option to slow the carousel down this much. You would need to use a shortcode like this:
[carousel type=portfolio orderby=date columns=4 items=8 speed=300 scroll=all cat=photos]
Then you could paste that into a visual editor widget (appearance > widgets) in the home widget area. Just make sure you enable home widget area in theme options > home layout.
Hope that helps!

Hannah

[Hannah]

Hannah

#48791

Hi Bev,
So you can’t separate the page content (add content above a carousel and more below), but you can mix up the home layout options (add a carousel above and below page content).
You can add widgets to the home widget area in Appearance > Widgets then enable wherever you like in the homepage layout manager.
Hope that helps!

Hannah

[Bev]

Bev

#48784

Hi Ben & Hannah
I have redesigned my home page with page builder and have been able to integrate some of the home layout items but cannot find a way to move them around together?
Am I expecting too much from the system?

My home page is here: stuart-hinds.com and I am wanting to place some page builder options between the two bottom carousels (home layout options from my previous layout) – is this possible using both the home layout items and the pagebuilder line insert etc.

Also in the home layout options there is a home widget area – where do I find the settings for this or rather how do I use it? Could I use this to separate the two bottom items on my home page?
Thanks
Bev

[Bev]

Bev

#48784

Hi Ben & Hannah
I have redesigned my home page with page builder and have been able to integrate some of the home layout items but cannot find a way to move them around together?
Am I expecting too much from the system?

My home page is here: stuart-hinds.com and I am wanting to place some page builder options between the two bottom carousels (home layout options from my previous layout) – is this possible using both the home layout items and the pagebuilder line insert etc.

Also in the home layout options there is a home widget area – where do I find the settings for this or rather how do I use it? Could I use this to separate the two bottom items on my home page?
Thanks
Bev

[Amanda]

Amanda

#48618

Hi Ben,

Thanks for getting back to me so quickly. The code you gave works, but unfortunately it doesn’t give me full range of display options that are available through Home Layout in Theme Options. I have customized every option under “Home Portfolio Full Settings.” If I use this shortcode in a widget area instead, I don’t have access to other options, such as Home Portfolio Full Title, Portfolio Layout Style, Isotope Filter, Lightbox, etc.

It would be much better if I could simply choose more than 20 where it says “Choose how many Portfolio Items on Homepage.” I have 40 items currently in my portfolio and would like to feature them all. Eventually, I will have more than 40 items. It would be great if Kadence could remove the limit altogether. That would be the ideal solution.

I am a theme developer myself, and pretty comfortable with php. So the logical next step (if Kadence doesn’t want to change this) is for me to change this with a hook or add the edited template to a child theme. If you could kindly point me in the right direction, which template, which line of code that would be helpful.

Another suggestion I have for a future release. Is consider some clever loading when admins choose to display their full portfolio. Check out Flickr.com as a good example of what I mean. When you get to the bottom of the page, more items are loaded. I think it uses some javascripting in combination with masonry layout, though I haven’t looked at it closely. However, this is just a blue-sky suggestion. My primary goal is just to get my full portfolio on the homepage.

Let me know how I should proceed and thanks again for your help!

Amanda

[Ben Ritner]

Ben Ritner

#48444

Hey,
I don’t recommend that you change any files. Just add a home widget area or content area and use the portfolio shortcode. [portfolio_posts columns=4 items="40"]

Ben

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

[Hannah]

Hannah

#48054

Sure, start by creating product categories (from the admin panel go to Posts > Categories) and then assign posts to specific categories. Then you can go to Appearance > Widgets and add a Categories widget to either your sidebar or the home widget area. Just make sure you have on or both of these enabled in Theme Options > Home Layout.
Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#48023

Hey sorry for the delay.

Yeah so one possible solution is in one the of links you sent, Add this in a text widget in a footer widget area of your site.

<script type="text/javascript">
$(document).ready(function ($) {
   $("iframe").each(function(){
      var ifr_source = $(this).attr('src');
      var wmode = "wmode=transparent";
      if(ifr_source.indexOf('?') != -1) $(this).attr('src',ifr_source+'&'+wmode);
      else $(this).attr('src',ifr_source+'?'+wmode);
   });
});
</script>

Ben

[Rachel]

Rachel

#47871

I’d like to place a widget area above my header logo and below my topbar menu navigation. I can only see options to add a widget at the side of my logo. Could you let me know if it’s possible to place one above and, if so, how I would go about it, please?

Many thanks.

*Login to see link

[Rachel]

Rachel

#47871

I’d like to place a widget area above my header logo and below my topbar menu navigation. I can only see options to add a widget at the side of my logo. Could you let me know if it’s possible to place one above and, if so, how I would go about it, please?

Many thanks.

*Login to see link

[Hannah]

Hannah

#47857

Hi Paul,
In Theme Options > Portfolio Options set Default Portfolio Layout Style to Post Boxes. Then you can add a shortcode like this [portfolio_posts columns=”3″ items=”9″] to a visual editor widget in the Home Widget Area in Appearance > Widgets. Then enable the Home Widget Area in Theme Options > Home Layout.
Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#47728

It looks like your adding everything into one widget area. The footer column 3. Add widgets into footer column 1 and 2 if you want them in separate columns.

Ben

[Ben Ritner]

Ben Ritner

#47723

Hey,
In your appearance > widgets page there is all the widget areas including your footer widget areas.
Ben

[Ben Ritner]

Ben Ritner

#47481

ok, The easiest and most straightforward option is to enabled the home page widget area. Then use a text widget and add all your html right in wordpress. That will output to your home page below the header. Just go to theme options > home layout to enabled it.

If you want to do this through a child theme then I recommend you use the hook “kt_afterheader” and wrap the whole add into a function in your child themes functions.php file.

Example child theme can be found here: https://www.kadencewp.com/wp-content/uploads/2015/01/pinnacle_child.zip

Ben

[Ben Ritner]

Ben Ritner

#47081

1. You are missing the second bracket needed in this section:

@media (max-width: 767px) {
#containerfooter {
    text-align: center;
}
#containerfooter .virtue_social_widget a {
    float: none;
    display: inline-block;
}
#containerfooter .menu li a {
    margin: 0 auto 5px;
}
}

You don’t have the second. Please copy exactly from here.

1b. You added a border bottom to the thumbnails.. add this then:

div.product .product_thumbnails {
margin-bottom: 20px;
}

2. That you can’t do. What I said is that you can hide and show items for mobile. You can’t change there order. Since you have placed the items in an order for desktop you can’t change it. You would need to add an image after each text area and then hide and show for desktop and mobile. This is more tricky css and your pushing on what theme support can get you when your customizing outside of theme functions.

3. No you can’t. Again you can’t change the order of things for mobile.

Ben

[Ben Ritner]

Ben Ritner

#47047

Hey,
1. IN your theme options > custom css box add this css:

#topbar .kad-mobile-nav .kad-nav-inner li a {
    color: #444;
}
#topbar .kad-mobile-nav .form-search .search-query {
    color: #444;
    background: rgba(0,0,0,.05);
}
#topbar .kad-mobile-nav .form-search .search-icon, #topbar .kad-mobile-nav .kad-nav-inner li .kad-submenu-accordion {
    color: #444;
}
#topbar .kad-mobile-nav .form-search ::-webkit-input-placeholder {
   color: #444
}
 #topbar .kad-mobile-nav .form-search :-moz-placeholder {
   color: #444
}
#topbar .kad-mobile-nav .form-search ::-moz-placeholder {
   color: #444
}
#topbar .kad-mobile-nav .form-search :-ms-input-placeholder {  
   color: #444;  
}

2. add this css:

#topbar #mobile-nav-trigger {
  float: right;
}

3. You need your background to be “center top” not center bottom because you are not repeating y and when the mobile menu is open your header area is a lot larger. This css should do what you want:

@media (max-width: 992px) {
    .headerclass {background-position: center top !important;}
}

4. Sure, What would you like?

5. Add this css:

@media (max-width: 767px) {
#containerfooter {
    text-align: center;
}
#containerfooter .virtue_social_widget a {
    float: none;
    display: inline-block;
}
#containerfooter .menu li a {
    margin: 0 auto 5px;
}
}

6. That isn’t really an option. I supposed you could force the text to not show more then two lines but that would just make the third line disappear there wouldn’t be a way to add three dots to symbol there is more text.

7. I don’t understand this one? Can you reword?

Ben

[Hannah]

Hannah

#46961

Hi Rita,
You can use a visual editor widget and add text and change the format to H3 to match your home titles. Then just add that above your text widget in the home widget area.
Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#46719

Hey, In example 4 the logo and the menu is sticky. it’s the header and you can set a header like that in your theme options > main settings.

To just stick the menu that is a little more tricky but certainly possible. Add this in your theme options custom css box:

.navclass {
width: 100%;
margin: 0 auto;
left: 0;
z-index:9000;
}

Then on the widget page, add a text widget to one of your footer widget areas and add this inside:

<script type="text/javascript">
jQuery(document).ready(function ($) {
var topOffest = $('body').hasClass('admin-bar') ? 32 : 0;
$('.navclass').sticky({topSpacing:topOffest});});
</script>

Ben