Search Results for 'widget '

[phil2]

phil2

#229491

Hi Team,

A site I am replacing has this in the Virtue topbar (see screenshot).

On mobile, it behaves nicely and remains in one row as long as it can:

I previously achieved this by modifying header-topbar.php but would like to try and do it properly.
Modification to em>header-topbar.php looked like this:
<div class="col-md-6 topbar-left">
<span style="float:left;">
<h5>Phone: 0800-399-674</h5>
</span>
</div>
<div class="col-md-6 topbar-right">
<span style="float:right;">
<div id="topbar-search" class="topbar-widget">
<?php if(kadence_display_topbar_widget()) { if(is_active_sidebar('topbarright')) { dynamic_sidebar('topbarright'); } }
else { if(kadence_display_top_search()) {get_search_form();} } ?>
</div>
</span>
</div>

Additions in style.css look like this:
/* TOPBAR */
/* Make sticky */
#topbar {
position: fixed;
width: 100%;
top: 0;
z-index: 999;
}
.admin-bar #topbar {top:32px;} /* was 28px. Increased 31/7/18 */
/* Styling */
#topbar h5, #topbar a {color:#fff;}
/* #topbar a:hover {color:#edcda1;}*/
.headerclass {margin-top: 44px;} /* was 30px. Increased 31/7/18 */
.topbar-right {padding-right:0px;}
/* Increase size of search box */
#topbar-search form {margin:2px 0px;}
#topbar-search input[type="text"] {height:40px;font-size:18px;}
#topbar-search .search-icon {height:40px;width:40px;font-size:18px;}

@media (max-width: 462px){
#topbar .topbar-right > span {float: left !important;}
}

Please could you advise how to go about this without modifying template files?
Thanks,
Phil.

[phil2]

phil2

#229491

Hi Team,

A site I am replacing has this in the Virtue topbar (see screenshot).

On mobile, it behaves nicely and remains in one row as long as it can:

I previously achieved this by modifying header-topbar.php but would like to try and do it properly.
Modification to em>header-topbar.php looked like this:
<div class="col-md-6 topbar-left">
<span style="float:left;">
<h5>Phone: 0800-399-674</h5>
</span>
</div>
<div class="col-md-6 topbar-right">
<span style="float:right;">
<div id="topbar-search" class="topbar-widget">
<?php if(kadence_display_topbar_widget()) { if(is_active_sidebar('topbarright')) { dynamic_sidebar('topbarright'); } }
else { if(kadence_display_top_search()) {get_search_form();} } ?>
</div>
</span>
</div>

Additions in style.css look like this:
/* TOPBAR */
/* Make sticky */
#topbar {
position: fixed;
width: 100%;
top: 0;
z-index: 999;
}
.admin-bar #topbar {top:32px;} /* was 28px. Increased 31/7/18 */
/* Styling */
#topbar h5, #topbar a {color:#fff;}
/* #topbar a:hover {color:#edcda1;}*/
.headerclass {margin-top: 44px;} /* was 30px. Increased 31/7/18 */
.topbar-right {padding-right:0px;}
/* Increase size of search box */
#topbar-search form {margin:2px 0px;}
#topbar-search input[type="text"] {height:40px;font-size:18px;}
#topbar-search .search-icon {height:40px;width:40px;font-size:18px;}

@media (max-width: 462px){
#topbar .topbar-right > span {float: left !important;}
}

Please could you advise how to go about this without modifying template files?
Thanks,
Phil.

[gill1]

gill1

#229490

Hello,
I am looking for some assistance with a couple of issues regarding my site. I am running Virtue Premium and I am trying to use the Woocommerce Products
Tab widget. However, when I add the widget, then preview the page, the widget does not work. The “Additional Information” tab when clicked will not
show the underlining information. The “Review” tab will not present a form for the users to submit a review. It seems that the “Description tab is the
default view tab, but I am thinking it has the same issue as the other two. I am also having an issue with the product ratings widget as well. The stars do not show up, even after I added a comment. On some occasions I have been able to get the review page to show (I think it might be cached information), but even at that stage I cannot leave a comment or provide a star rating, nothing happens. I am using a pre-developed Elementor template for “Single Products” but I have created a variation product so I can use different sizes and different attributes. Any help or direction you can provide will be greatly appreciated.

I know that providing a link will be very helpful. My site is still in the development stages, therefore I can provide a link to the page in a private
response.

Thanks,
Gill

[gill1]

gill1

#229490

Hello,
I am looking for some assistance with a couple of issues regarding my site. I am running Virtue Premium and I am trying to use the Woocommerce Products
Tab widget. However, when I add the widget, then preview the page, the widget does not work. The “Additional Information” tab when clicked will not
show the underlining information. The “Review” tab will not present a form for the users to submit a review. It seems that the “Description tab is the
default view tab, but I am thinking it has the same issue as the other two. I am also having an issue with the product ratings widget as well. The stars do not show up, even after I added a comment. On some occasions I have been able to get the review page to show (I think it might be cached information), but even at that stage I cannot leave a comment or provide a star rating, nothing happens. I am using a pre-developed Elementor template for “Single Products” but I have created a variation product so I can use different sizes and different attributes. Any help or direction you can provide will be greatly appreciated.

I know that providing a link will be very helpful. My site is still in the development stages, therefore I can provide a link to the page in a private
response.

Thanks,
Gill

[Ben Ritner]

Ben Ritner

#229485

No Vimeo is good, much better then self-hosting, you just don’t need a video player widget, just add the video from Vimeo.

I updated the first one so you can see it working and how I did it by simply adding the video url into the visual editor widget.

Ben

[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

#229470

Hey,
The page you linked to was out of date, but it was not and did not have anything to do with being able to edit a sidebar on a single page. It was only a way to assign a sidebar. The reason it’s out of date is simply that you don’t need to use a template to be able to assign a sidebar. You can do it with any page.

Nothing was removed only improved upon.

I am doing my best to help you. I’m sorry it’s making you so frustrated and upset.

There is no widget that does what you are asking. I would be happy to create a widget for you in a custom child theme or plugin.

You did not clarify if you are talking about pages or you talking about single portfolio posts?

You keep writing page but it kind of sounds like you actually mean portfolio posts.

A page is something you create through the admin under “pages” and there you can assign a portfolio template to output a portfolio page: http://themes.kadencethemes.com/ascend-premium-4/projects/

A single portfolio post is where you edit the post under the portfolio menu in your admin and it outputs just the content of that one portfolio post: http://themes.kadencethemes.com/ascend-premium-4/portfolio/fabric-bag/

[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

[Joseph Simpson]

Joseph Simpson

#229385

No, this is not helpful at all. I already know the that and what I’m trying to do is not possible with the options exposed in the widget section. For the third time, what I need to do is:

Create a custom sidebar on the portfolio pages that shows a list of other portfolio items what have the same Portfolio Type value.

Please actually read this post and respond with helpful information on how I can accomplish my goal.

[Hannah]

Hannah

#229364

Hey Joseph,
You can create custom sidebars from Theme Options > Misc Settings. Then you can add content to them from Appearance > Widgets.
Hope that helps!

Hannah

[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

[accounts]

accounts

#229322

Hi Guys,

I want to have different variation of content display on mobile – I’m using a [content type=page name=stackhaus-features-3] in a “Custom HTML” widget of a Woo Template – and was hoping to have a second [content… ] and have each wrapped in a css id which I set display/hidden for either on their media css.

Will that work? Can you help out with the Custom css …?

Thanks!

[accounts]

accounts

#229322

Hi Guys,

I want to have different variation of content display on mobile – I’m using a [content type=page name=stackhaus-features-3] in a “Custom HTML” widget of a Woo Template – and was hoping to have a second [content… ] and have each wrapped in a css id which I set display/hidden for either on their media css.

Will that work? Can you help out with the Custom css …?

Thanks!

[kelly5]

kelly5

#229321

Hi all,

I have used multiple SiteOrigin video widgets on a webpage to showcase some videos in my portfolio. However the videos will not play when in Google Chrome. I’ve tested that on my desktop as well as on my mobile.

I’ve confirmed that they play in Firefox and Internet Explorer.

If you can offer any solution I’d be grateful! Thanks.

[kelly5]

kelly5

#229321

Hi all,

I have used multiple SiteOrigin video widgets on a webpage to showcase some videos in my portfolio. However the videos will not play when in Google Chrome. I’ve tested that on my desktop as well as on my mobile.

I’ve confirmed that they play in Firefox and Internet Explorer.

If you can offer any solution I’d be grateful! Thanks.

[Hannah]

Hannah

#229317

Try this css:

@media (min-width: 1200px) {
.sidebar .kadence_social_widget.clearfix a {
    padding: 0 20px;
    display: inline;
}
}

Hannah

[Hannah]

Hannah

#229270

This css should work for you:

.sidebar .kadence_social_widget.clearfix a {
    font-size: 20px;
}

Hannah

[Hannah]

Hannah

#229259

You can make the header widget specific to your header by changing it to this:

.kt-header-extras .sf-menu .kadence_social_widget a i {
    font-size: 18px;
}
.kt-header-extras .kadence_social_widget.clearfix a {
    border: 0;
    margin: 0;
}
.kt-header-extras .kadence_social_widget.clearfix a:hover {
    background: transparent;
}

Hannah

[Hannah]

Hannah

#229252

Hey Sam,
You can adjust this with some css:

@media (min-width: 768px) and (max-width: 992px) {
.panel-widget-style.panel-widget-style-for-712-1-0-0, .panel-widget-style.panel-widget-style-for-712-1-1-0, .panel-widget-style.panel-widget-style-for-712-1-2-0 {
min-height: 830px
}
}
@media (min-width: 992px) {
.panel-widget-style.panel-widget-style-for-712-1-0-0, .panel-widget-style.panel-widget-style-for-712-1-1-0, .panel-widget-style.panel-widget-style-for-712-1-2-0 {
min-height: 700px
}
}

Just paste that into your custom css box in Theme Options > Advanced Settings.
Hope it helps!

Hannah

[David]

David

#229247

Hannah,

If I wanted to use the widget in a side bar will this code still aply and if I wanted to can I adjust it further?

David