Search Results for 'widget area'

[Charlie]

Charlie

#71283

Sorry “shop page” drop a widget on the top of my shop page instead of a sidebar. Like this link: https://www.hfhoney.com/2-pound-farm-crate-variety-pack/

See how I have the categories on a widget side bar? I want to drop that widget on top of the main shop area before the products are shown

[Hannah]

Hannah

#71267

Hi Colin,
You can configure the header widget area from Theme Options > Main Settings under Logo Layout. Select the 4th option. Then go to Appearance > Widgets and add widgets to the header widget area.
Hope that helps!

Hannah

[Francis]

Francis

#71249

Hello,

I was just wondering if I could make my footer menus into drop down menus on mobile phones or smaller devices.

I have added a heading to each of my menus in the widget area … but I don’t see them showing up the menu area.

Is there any way I could do that …so my footer menu is shorter on smaller screens and only drops down if a customer wants to look further in the footer area?

[Francis]

Francis

#71249

Hello,

I was just wondering if I could make my footer menus into drop down menus on mobile phones or smaller devices.

I have added a heading to each of my menus in the widget area … but I don’t see them showing up the menu area.

Is there any way I could do that …so my footer menu is shorter on smaller screens and only drops down if a customer wants to look further in the footer area?

[Nicolae]

Nicolae

#71085

The problem is that the code has to be included in a text widget placed in Home Widget Area, so I cannot use page sitebuilder. I have to find another solution.

Thank you,

Nicolae

[Ben Ritner]

Ben Ritner

#71021

Hey, Woocommerec doesn’t have a built in way to change this.
You would have to use a child theme and override the template.

There is a javascript option that could would. You would use this script and add in your footer widget area in a text widget.

<script type="text/javascript">
jQuery(document).ready(function ($) {
$('.upsells > h3').text('This is the new text');
});
</script>

Ben

[Ben]

Ben

#70942

Hi

Is there a way of positioning footer widgets lower. I have added a footer background but I want the widgets (social etc) to display at the bottom of the footer area so that they stand out against the coloured section of the footer image – not the transparent part.

*Login to see link

not sure if I have missed a setting – I have set the footer background height to 400 in the css using the following

#containerfooter.footerclass {
min-height: 400px;
background-size: cover !important;
}

thanks
Ben

[Ben]

Ben

#70942

Hi

Is there a way of positioning footer widgets lower. I have added a footer background but I want the widgets (social etc) to display at the bottom of the footer area so that they stand out against the coloured section of the footer image – not the transparent part.

*Login to see link

not sure if I have missed a setting – I have set the footer background height to 400 in the css using the following

#containerfooter.footerclass {
min-height: 400px;
background-size: cover !important;
}

thanks
Ben

[Ben Ritner]

Ben Ritner

#70665

Is this correct so far? – yes

and then how do I reassign my menus and widgets? –
Go to appearance > menus and set which menus are to go to which locations.
Go to appearance > widget and set the widgets to the right widget areas.

Or use the customizer as you can control menus and widgets in the customizer.

None of your other stuff will be lost, moved or changed.

Ben

[jason]

jason

#70661

So I need to login to the dashboard.
Then install the theme the correct way.
Now in the “Themes” area, i’ll see 2 Virtue themes installed.

Is this correct so far?

Now is the point where i’m kind of confused.
So I then activate the NEW version of Virtue, and then how do I reassign my menus and widgets?
I also have sliders with images as links, woocommerce with my items and information, shopping cart, email, etc. I do not want to lose any of this. Will this seamlessly transfer over to the newly installed theme once I activate it??

Thanks for your help.

[Hannah]

Hannah

#70641

Hey Mark,
Looks like you’re adding your products through the product carousel (Theme Options > Home Layout). If you want to have a grid of your products you can use a shortcode like this: [recent_products per_page="16" columns="4"] You can use the home widget area and paste that into a visual editor widget from Appearance > Widgets.
Hope that helps!

Hannah

[Hannah]

Hannah

#70382

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

@media (min-width: 992px) {
.col-md-4.clearfix.kad-header-left {
    width: 66%;
}
.col-md-8.kad-header-widget {
    width: 33%;
}
}

To hide the widget area on mobile you can use this css:

@media (max-width: 768px) {
.col-md-8.kad-header-widget {
    display: none;
}
}

Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#70189

Hey,
you first need to remove this part of your css:

.kad-header-widget {
    width: 30%;
}

You should not be setting a width to the widget area.

and you need to remove all of this:

#kad-banner .kad_img_upload_widget {
    text-align: right;
    max-width: 270px;
    width: 100%;
    padding-top: 70px;
    float: right;
    clear: both;
}

Then just add this:

.kad-header-widget .so-widget-sow-slider {
    width: 30%;
    float: left;
}
#kad-banner .kad_img_upload_widget {
    float: right;
}

Ben

[Ben Ritner]

Ben Ritner

#70172

1. Go to appearance> widgets.
2. Add a text widget to one of your footer widget areas.. like footer column 1.
3. Add the script into that text widget.
4. click the save button on the text widget.

Ben

[Henry]

Henry

#70130

yes maam, i am using page builder, and i am adding them by using the youtube shortcode.. i added the white background to the widget, and it doesnt help.. it just makes the rest of the widget area white..

[Craig]

Craig

#70056

Ben,

I would like to move the Virtue:Image to the same level as the SiteOrgin Slider and float it to the right margin.

I have added a Virture:Image to my Header Widget Area. It is one of the same images used in the SiteOrgin Slider so I do not believe size is an issue.

All the CSS I have tried to address what I believe to be the <div class=”<div class=”kad_img_upload_widget”> does not have the desired effect.

Your guidance would be genuinely appreciated.

BirdFeet.Net, CraigM

[Hannah]

Hannah

#70010

Hi Paul,
You could use your logo then add the sitename as the tagline. Or you could add the logo as an image using the header widget area. You can enable that from Theme Options > Main Settings. Then add an image widget in Appearance > Widgets.
Hope one of those works for you!

Hannah

[Ben Ritner]

Ben Ritner

#70003

You can add this js in your apperance > widgets, add a text widget to your footer widget area then add this to the widget:

<script text="javascript">
jQuery(document).ready(function ($) {
$('.homecontent .kt-flexslider').each(function(){
		flex_animation = $(this).data('flex-animation'),
		flex_initdelay = $(this).data('flex-initdelay'),
		flex_animation_speed = $(this).data('flex-anim-speed'),
		flex_auto = $(this).data('flex-auto');
		if(flex_initdelay == null) {flex_initdelay = 0;}
	 	$('.kt-flexslider').flexslider({
	 		animation: flex_animation,
			animationSpeed: flex_animation_speed,
			slideshow: flex_auto,
			initDelay: flex_initdelay,
			slideshowSpeed:1800,
			start: function ( slider ) {
				jQuery( '.flexslider' ).removeClass( 'loading' );
			}
		});
    });
});
</script>

Ben

[Ben Ritner]

Ben Ritner

#69931

I meant in the home page content. Not in your widgets. when I looked before you had added a widget area instead of using the home page content and I moved it to the home page content.

so if you go to pages > home. Edit that page are you working there?

Ben

[Ben Ritner]

Ben Ritner

#69848

Hey,
1. You just need to remove the one.
Then go to your woocommerce settings and make sure the cart, checkout, shop pages are all still assigned.

This happens if you install the woocommerce pages and the demo content.

2.
Look here: https://www.kadencewp.com/building-displaying-menus/

the submenu columns is only for when you enable the fullwidth dropdown.

3. The “shop” page is not a page you can really edit. It’s a woocommerce page that shows all your products. you can add a slider to it through your theme options > shop settings but in general if you want to customize a layout you should not use the shop page.

See here for working with pagebuilder: https://www.kadencewp.com/using-page-builder-virtue-premium/

4. The your cart is an option you can enable in your theme options > topbar settings.

5. In your appearance > menus page. Click “screen options” in the top right and make sure you have “product categories” checked. Then you can add any product category you have created into a menu.

6. Your appearance > widgets. Those are widgets added into the footer widget area.

Ben

[Ben Ritner]

Ben Ritner

#69845

Hey,
This isn’t really an option but I have a workaround for you.
Go to apperance > widgets.

Add a text widget into one of your footer areas.

The add this to that text widget:

	<script type="text/javascript">
		jQuery( window ).load(function () {
	jQuery('.single-post .single-article .entry-content').each(function(){
			jQuery(this).find("a[data-rel^='lightbox']").magnificPopup({
				type: 'image',
				gallery: {
					enabled:true
					},
					image: {
						titleSrc: function(item) {
						return item.el.find('img').attr('alt');
						}
					}
				});
		});

	
		});
		</script>

That will do it.

Ben

[Hannah]

Hannah

#69821

Hey Anclochar,
One option would be to add your text as testimonials then use the Virtue: Testimonial Carousel widget to display them. If using the footer you can just add the widget to a footer column from Appearance > Widgets. Or you can use the Home Widget Area. Just make sure you enable it in Theme Options > Home Layout. Does that work for you?

Hannah