Search Results for 'widget area'

[Hannah]

Hannah

#229992

Hi Pam,
Try adding this to your custom css box in Theme Options > Custom CSS:

.kad-topbar-flex-item.kad-topbar-widget-area.kad-topbar-item-right, .kt-topbar-right {
width: 100%;
}
div#widget_kadence_social-3 {
float: left;
}
.kt-topbar-right .widget-inner {
    float: right;
}

Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#229938

Have you tried with wc_fragments_refreshed

For example:

<script type="text/javascript">
                // Ready state
                (function($){ 

                    $( document.body ).on( 'added_to_cart wc_fragments_refreshed load', function(){
                       if ( $('.kt-header-extras span.kt-cart-total').text() != '0' ) {
							$('.menu-widget-area-kt .sm-kad-btn').hide();
					   }
					   else {
							$('.menu-widget-area-kt .sm-kad-btn').hide();
					   }
                    });

                })(jQuery); // "jQuery" Working with WP (added the $ alias as argument)
            </script>

[Angelo Lazzari]

Angelo Lazzari

#229917

Than you very much Ben for your code, it finally create a button with ascend shortcode and put in a extra menu widget and i use this code into the theme footer scripts sections to display and hide it:

<script type="text/javascript">
jQuery(document).ready(function ($) {
 if ( $('.kt-header-extras span.kt-cart-total').text() != '0' ) {
$('.menu-widget-area-kt .sm-kad-btn').show();
}
else {
$('.menu-widget-area-kt .sm-kad-btn').hide();
}
});
</script>

the problem is that the code execute only when y load the page not when i add/remove an item from the cart…
to do that i would need a trigger that execute every time the cart change his content… so googling a bit i found a solution and i changed your code to

?>
            <script type="text/javascript">
                // Ready state
                (function($){ 

                    $( document.body ).on( 'added_to_cart', function(){
                       if ( $('.kt-header-extras span.kt-cart-total').text() != '0' ) {
							$('.menu-widget-area-kt .sm-kad-btn').hide();
					   }
					   else {
							$('.menu-widget-area-kt .sm-kad-btn').hide();
					   }
                    });

                })(jQuery); // "jQuery" Working with WP (added the $ alias as argument)
            </script>
        <?php

so now it updates when i add a product but not when a load a page or i remove a product from the cart… so i googled again and i found someone saying to use updated_cart_totals but the code is not working…

do you have any suggestion?

[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

#229790

Just to be clear are you talking about the widget area, in the third column or your menu at the bottom right corner?

What size? What font?

Ben

[Ben Ritner]

Ben Ritner

#229628

In your theme options > header settings under “Choose Header Style” I set it to the last option instead of the first. That allowed for the header extras to be split, part being in the first section and another part being in the second.

Then to make the widget areas go into either I dragged a header widget area down to the bottom in the “Enable and Sort Header Extras”

Ben

[Ben Ritner]

Ben Ritner

#229541

Hey,

Add the phone number into your topbar through a text widget, and then move the search widget into the topbar widget area as well. Then post a link to the site and I can get you the css.
Ben

[dgonzalez1992]

dgonzalez1992

#229522

Hello,

I recently opened a topic about my modal not working in the widget area. I was given this code that fixed the issue:

.kt-header-extras .modal-dialog {
margin: 30px auto;
}
.kt-header-extras .modal-footer {
margin-top: 15px;
padding: 19px 20px 20px;
}
.kt-header-extras .modal-body {
padding: 20px;
}
.kt-header-extras .modal-header {
padding: 15px;
}
.modal-open .kad-header-menu-outer {
z-index: 1050 !important;
}
.kt-header-extras .modal {
background: rgba(0,0,0,0.5);
}
.modal-backdrop.in {
opacity: .1;
}

I added a secondary issue and now it’s freezing the page when you try to click the button. Any suggestions on an edit for this?

Thank you,
David

[dgonzalez1992]

dgonzalez1992

#229522

Hello,

I recently opened a topic about my modal not working in the widget area. I was given this code that fixed the issue:

.kt-header-extras .modal-dialog {
margin: 30px auto;
}
.kt-header-extras .modal-footer {
margin-top: 15px;
padding: 19px 20px 20px;
}
.kt-header-extras .modal-body {
padding: 20px;
}
.kt-header-extras .modal-header {
padding: 15px;
}
.modal-open .kad-header-menu-outer {
z-index: 1050 !important;
}
.kt-header-extras .modal {
background: rgba(0,0,0,0.5);
}
.modal-backdrop.in {
opacity: .1;
}

I added a secondary issue and now it’s freezing the page when you try to click the button. Any suggestions on an edit for this?

Thank you,
David

[Ben Ritner]

Ben Ritner

#229479

Hey Joseph,
I’m located in Missoula, Montana. I speak English 🙂

Ever time you wrote: “portfolio page” not portfolio posts. I tried to explain how those two can be different. I’m sorry my explanation didn’t make sense.

From your topic title, Create custom sidebar – page template not found

And that you linked to documentation about pages and a specific page template, it seemed like a good idea to clarify before I wrote a custom widget for you since the code would have to be different.

Step 1: download this plugin I created for you: https://www.kadencewp.com/wp-content/uploads/2019/06/kadence-portfolio-list-widget.zip

Step 2: install this plugin on your site by going to plugins > add new.

Step 3: Go to theme options > misc settings and create a new sidebar.

Step 4: go to appearance > widgets and add the “ascend: portfolio list” widget into that newly created sidebar widget area.

Step 5: Assign that sidebar to your single portfolio posts.

Please let me know if that accomplishes want you want.

Ben

[Ben Ritner]

Ben Ritner

#229457

Drag one of the widget areas up to the top of your list in the settings.

Ben

[Joseph Simpson]

Joseph Simpson

#229456

> What goes inside of sidebars are controlled in the appearance > widgets area of your admin, they are not controlled in the page editing screen. I’m not aware of any theme, plugin that changes that.

The only reason I was trying to do what was because of the document I linked to on your site. The reason I purchased the premium version of the theme is because I found that page with instructions through a simple Google search. It’s kind of insulting that as soon as you take my money you tell me that the document is out of date and should be deleted. How much of the rest of your documentation is out of date?

I don’t really care how this is done, I just want to accomplish a simple goal. I have described it three times now but I guess you need me to spell every single detail out.

– I’m using the Ascend Them
– Ascend has a type of item called “Portfolio”
– There is an attribute/field on Portfolio items called “Portfolio Type”. I have two types and all of my portfolio items are in one of these two types.
– I want a custom sidebar that only shows on the Portfolio page, nowhere else on the site
– I want the content of that sidebar to be a simple list (with links) of all of the other portfolio items for same type as the portfolio record.

[Ben Ritner]

Ben Ritner

#229451

Hey Joseph,

I’m sorry we haven’t been able to connect. I’m sure we can help. Please give us grace as we try to get on the same page with what you want.

What goes inside of sidebars are controlled in the appearance > widgets area of your admin, they are not controlled in the page editing screen. I’m not aware of any theme, plugin that changes that.

BUT, if you want to use page builder by siteorigin you can fake a sidebar by creating a two column layout, one column for your content and the other for your “sidebar” where you can place whatever you want into that part of your page.

Is that what you are looking for?

Or if instead do what to use a sidebar you can add conditional loading for specific widgets allowing you to select which widgets you show on which pages, see this plugin: https://wordpress.org/plugins/widget-options/

This is all assuming you have a widget in mind that you want to add, there is no theme widget that outputs a list of portfolio items based on portfolio type. The closest would be the “ascend: post grid” which can output a small grid of portfolio posts based on category. So perhaps you are not asking about sidebars at all but asking how to create this widget? If so you will need to use a child theme and code it in, I can help with that if you send me a link to an example of how you want it to look.

This also assumes you are talking about “pages” and not the single portfolio posts. The language around that can be tricky and confusing. I have been assuming you are asking about portfolio pages, for example http://themes.kadencethemes.com/ascend-premium-4/projects/

And not portfolio posts for example http://themes.kadencethemes.com/ascend-premium-4/portfolio/fabric-bag/

Further clarification from you will help me greatly and I know we can help you get what you want.

Ben

[Mike]

Mike

#229450

I’ve been wrestling with this for a few days, but can’t get it looking just right on both my ginormous 24″ monitor and my laptop screen and I know my client has both. In the header I’m using, in order, a logo that’s 400 pixels wide, a header widget with the hours, and a second header widget with the address and contact info. I probably don’t want them divided 1/3 each, but would like them balanced proportionately AND to span the entire header area if possible. I can’t seem to make that happen.

Here’s the SITE.

Here’s the CSS I have in place at the current time, although I’m wondering if I should start at square 1 at this point.

@media (min-width: 1200px) {
.kad-right-header.kt-header-flex-item {
width: 55%;
}
.kt-header-extras li.menu-widget-area-kt {
padding-right: 25px;
padding-left: 25px;
}
.image_menu_item_link .image_menu_message {
padding-bottom: 30px;
}
.kad-center-header.kt-header-flex-item {
display; none;
}
.kad-header-flex {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}

@media (min-width: 1250px) {
.container {
min-width: 1250px;
}
}

As always, I greatly appreciate any help you can provide. This is something I’ve wanted to do before so it would be nice to have this technique in my back pocket as I’m sure I’ll want to do it again.

[Mike]

Mike

#229450

I’ve been wrestling with this for a few days, but can’t get it looking just right on both my ginormous 24″ monitor and my laptop screen and I know my client has both. In the header I’m using, in order, a logo that’s 400 pixels wide, a header widget with the hours, and a second header widget with the address and contact info. I probably don’t want them divided 1/3 each, but would like them balanced proportionately AND to span the entire header area if possible. I can’t seem to make that happen.

Here’s the SITE.

Here’s the CSS I have in place at the current time, although I’m wondering if I should start at square 1 at this point.

@media (min-width: 1200px) {
.kad-right-header.kt-header-flex-item {
width: 55%;
}
.kt-header-extras li.menu-widget-area-kt {
padding-right: 25px;
padding-left: 25px;
}
.image_menu_item_link .image_menu_message {
padding-bottom: 30px;
}
.kad-center-header.kt-header-flex-item {
display; none;
}
.kad-header-flex {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}

@media (min-width: 1250px) {
.container {
min-width: 1250px;
}
}

As always, I greatly appreciate any help you can provide. This is something I’ve wanted to do before so it would be nice to have this technique in my back pocket as I’m sure I’ll want to do it again.

[Angelo Lazzari]

Angelo Lazzari

#229448

Hi, in this site *Login to see link i set the header to be like this:

so i would like to have the logo, the first extra, the menu and the last extra…

but for some reason, if i put a widget for each widget area i activated no one of the two is displaying after the logo, all are after the min menu…

can you help me please?

thank you very much
Angelo

[Angelo Lazzari]

Angelo Lazzari

#229448

Hi, in this site *Login to see link i set the header to be like this:

so i would like to have the logo, the first extra, the menu and the last extra…

but for some reason, if i put a widget for each widget area i activated no one of the two is displaying after the logo, all are after the min menu…

can you help me please?

thank you very much
Angelo

[mg3]

mg3

#229340

Hello,

I have installed two widgets into my footer area – one is AccessPress Feeds for Instagram and the other is My Calendar. Both are showing content but only update when I log in to the Dashboard. i.e. If I go to my site the most recent Instagram post will be whatever it was the last time I logged into the site and as soon as I log in again the feed updates.

I don’t know if this is a theme problem or a plug-in problem (seems odd its happening to two plug-ins) or a hosting problem.

Any info you can provide would be much appreciated!

Thanks
Margaret

[mg3]

mg3

#229340

Hello,

I have installed two widgets into my footer area – one is AccessPress Feeds for Instagram and the other is My Calendar. Both are showing content but only update when I log in to the Dashboard. i.e. If I go to my site the most recent Instagram post will be whatever it was the last time I logged into the site and as soon as I log in again the feed updates.

I don’t know if this is a theme problem or a plug-in problem (seems odd its happening to two plug-ins) or a hosting problem.

Any info you can provide would be much appreciated!

Thanks
Margaret

[Ben Ritner]

Ben Ritner

#228490

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#228173

You can add in the footer in a widget. Or in the “Sitewide Footer Shortcode” area in your theme options > footer settings. With either, they will show on your entire site so if you just want to show for blog posts you would have to hide it for other pages using css.

Else you can use a child theme and add in your code via a hook or customizing a template.

Ben

[Hannah]

Hannah

#227938

Hey,
You can choose a header area with extras from Theme Options > Header Settings and enable widget area in your extras. Then you can use css to position it how you’re wanting. You can also enable a topbar widget area from Theme Options > Topbar Settings.
Hope that helps!

Hannah

[Angelo Lazzari]

Angelo Lazzari

#227937

Hi, do you think is there a way to add a widget bar between the topbar and logo and menu row? just a have an area where insert ads images, or interesting point about the business like (telephoone number, turn poclicy etc etc…? it will be great to have a few columns or an editor where add columns/images or so on….

thank you very much

[Angelo Lazzari]

Angelo Lazzari

#227937

Hi, do you think is there a way to add a widget bar between the topbar and logo and menu row? just a have an area where insert ads images, or interesting point about the business like (telephoone number, turn poclicy etc etc…? it will be great to have a few columns or an editor where add columns/images or so on….

thank you very much

[Michael]

Michael

#227705

Hi I need to align the social media widget flush left on mobile – it’s in the body area of my page.

[Michael]

Michael

#227705

Hi I need to align the social media widget flush left on mobile – it’s in the body area of my page.