Search Results for 'widget area'

[Ben Ritner]

Ben Ritner

#63931

Can you post a link? Are you using the home page to show your blog posts?

You can use the home widget area. Both are there in your theme options > home layout.

Did you look at this tutorial: https://www.kadencewp.com/creating-a-home-page-with-virtue/

Ben

[Ben Ritner]

Ben Ritner

#63926

Hey,
Set up the home page as a static page or use the home page widget area. If it’s static you can use the home page content in the theme options > home layout.

Once you have that done you can use page builder and add the “virtue: carousel widget” which has a category option for products.

Ben

[Heather]

Heather

#63755

I’m already using the Home Widget Area in another part of the home page. I guess I can only use one of those widgets, correct?

[Ben Ritner]

Ben Ritner

#63704

Hey,
You can use the “home widget area” and enable that above the custom carousel. Then just add your image into that and hide the custom carousel title with this css:

.home-custom-carousel-wrap .hometitle {
display:none;
}

Ben

[Ben Ritner]

Ben Ritner

#63398

You can set the front page as a static page and use the “page content” in your theme options > home layout.

Or you can enabled the home widget area in your theme options > home layout and add a visual editor widget.

Ben

[Arrien]

Arrien

#63178

Hi,

I am trying to add a phone number in the topbar widget area with the visual editor, but it keeps pushing the topbar menu icons down.

It has also been pushing the main content I have on the front page.

Solutions?

Thank you,
Arrien

[Arrien]

Arrien

#63178

Hi,

I am trying to add a phone number in the topbar widget area with the visual editor, but it keeps pushing the topbar menu icons down.

It has also been pushing the main content I have on the front page.

Solutions?

Thank you,
Arrien

[Ben Ritner]

Ben Ritner

#62989

You can hook something in with a function. Or use a widget like the site origins post loop widget in your home widget area. Or another plugin like: https://wordpress.org/plugins/the-loops/

Are you using a plugin to build the custom post?

Ben

[Mark]

Mark

#62800

Hello,

I am using the Virtue Carousel widget in a home widget area. I have it set to blog posts, 3 columns, all categories, and 6 posts. However, it’s pulling 11 posts. I’ve changed the number to 0, 8, etc. Doesn’t matter, the same 11 pull. I’ve emptied my cache, reset the browser… still 11. It is the carousel under the title “featured posts” on this site > *Login to see link

Any ideas would be greatly appreciate.

[Mark]

Mark

#62800

Hello,

I am using the Virtue Carousel widget in a home widget area. I have it set to blog posts, 3 columns, all categories, and 6 posts. However, it’s pulling 11 posts. I’ve changed the number to 0, 8, etc. Doesn’t matter, the same 11 pull. I’ve emptied my cache, reset the browser… still 11. It is the carousel under the title “featured posts” on this site > *Login to see link

Any ideas would be greatly appreciate.

[Ben Ritner]

Ben Ritner

#62752

Don’t add there. That only applies css to the widget box… it’s not at all the same thing as a custom css area. Please add in the theme options > custom css box.

Ben

[Ben Ritner]

Ben Ritner

#62641

Hey,
1. You can use the widget area in the topbar to add text.

This will open up the topbar:

#topbar > .container {
    width: 100%;
}

Then you just need to tweak for whatever widget you add.
The colors of the menu can be done like this:

#topbar ul.sf-menu > li > a {
    background: transparent !important;
    color: #444;
}
#topbar ul.sf-menu > li > a:hover {
    color: red;
}

2. hmm tricky, you can use this css:

@media (min-width: 992px){
.kad-primary-nav ul.sf-menu {
    float: none;
    background-color: transparent;
}

.kad-header-left {
    position: absolute;
    z-index: 20;
}

.kad-header-right {
    width: 100%;
    text-align: center;
}

.kad-primary-nav ul.sf-menu li {
    float: none;
    display: inline-block;
}
.kad-primary-nav ul.sf-menu > li.menu-cart-icon-kt, .kad-primary-nav ul.sf-menu > li.menu-search-icon-kt {
    float: right;
}
}

3. Use this:

#wrapper .headerclass {
    border-bottom: 1px solid #eee;
}

Ben

[Debbie]

Debbie

#62602

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#62567

Hey,
You would need to add the home “widget area” in the theme options > home layout. just enabled that above your icon menu. Then in your appearance > widgets add a text widget to the home widget area with the title you want to add.

Ben

[Ben Ritner]

Ben Ritner

#62544

Hey,
Looks like you are adding this plugin: https://wordpress.org/plugins/addon-so-widgets-bundle/

Which is adding css that is making the content area 80% of the screen width and not the 1170 it’s set to by the theme.

I recommend deactivating the plugin, not worth it in my opinion. But you can also add back this css into your theme options to force the plugin to lay off.

@media (min-width: 768px) {
#wrapper .container {
    width: 750px;
}
}
@media (min-width: 992px){
#wrapper .container {
    width: 970px;
}
}
@media (min-width: 1200px){
#wrapper .container {
    width: 1170px;
}
}

Ben

[Omar Lawson]

Omar Lawson

#62447

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#62356

ok, So when you switch it to three widget areas are you going into the appearance > widgets and setting up your widgets into those three widget areas?

They are not the same widget areas as four so you would have to drag your widgets into the areas.

You can post a temp login I can set this up for you.
Ben

[Ben Ritner]

Ben Ritner

#62335

The only way to do something like this would be through custom javascript that overrode into the woocommerce tabs.

So you would need to make links like this:

<a class="linktotab" href="#kad_custom_tab_01">Link to Custom Tab</a>

note that class is important.

Then add js like this in your footer widget area in a text widget:

	<script type="text/javascript">
		jQuery(document).ready(function($) {
	
		    $(".linktotab").click(function (e) {
                       var tab = $(this).attr("href").replace('#', '');
                       var tab_content = 'tab-' + tab;
	
		    	// Tabs
		    	$( '.woocommerce-tabs li' ).each(function() {
                         $(this).removeClass( 'active' );
                        });
			$( 'li.' + tab + '_tab' ).addClass( 'active' );
			
                        $( '.woocommerce-tabs .wc-tab').each(function() {
                         $(this).hide();
                         });
				$( '#' + tab_content).show();
			});
	
		});
		</script>

Ben

[Ben Ritner]

Ben Ritner

#62165

Hey,
1. Can you set it to 3 so I can see what you mean?

2. It’s not that it’s far it’s just that the contact widget isn’t stretching the width of the widget area making the social look far away.

3. You can add this css:

.footerclass a:hover {
    color: #000;
}

Also setting the primary colors in your theme options > basic settings will effect hover and highlight colors throughout your site.

Ben

[anesha]

anesha

#62155

Problem 1: I prefer to have 3 widgets, but when I select that from the theme’s footer menu, it makes the footer disappear all together. This happens for 2 & 3 footer areas. It only allows me to display 4. I did not have this problem using the free version.

Problem 2: Since the program is forcing to display 4 footer widgets, why is the last widget (“we’re social!) on the end uneven? And so far away?

Problem 3: How do I change the hover font for the links in the 1st widget? It hovers to the default blue. I’d prefer black.

*Login to see link

[anesha]

anesha

#62155

Problem 1: I prefer to have 3 widgets, but when I select that from the theme’s footer menu, it makes the footer disappear all together. This happens for 2 & 3 footer areas. It only allows me to display 4. I did not have this problem using the free version.

Problem 2: Since the program is forcing to display 4 footer widgets, why is the last widget (“we’re social!) on the end uneven? And so far away?

Problem 3: How do I change the hover font for the links in the 1st widget? It hovers to the default blue. I’d prefer black.

*Login to see link

[Ben Ritner]

Ben Ritner

#62143

On an Ipad on landscape it should still have logo on the left and your widget area on the right. The only change should be the menu. For touch it should be a touch menu but that should be the only difference.

I see you have this back in on your site?

@media (min-width: 992px) {.boxed header.banner.headerclass {
position: absolute; top: 1; left: 0; width: 100%; margin: 0;
}
.boxed .contentclass {
padding-top: 179px;
}
}

If you want to leave it thats fine, just add this then:

@media only screen and (device-width: 768px) {
.boxed header.banner.headerclass {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    margin: 0 -15px;
}
.boxed .contentclass {
padding-top: 0px;
}
}

Make sure it’s added after your other css.

If your seeing something off more then just the slider riding up on the menu please post a screen shot. I’m only seeing that your header is not working correctly with the menu because of the css your adding.

Ben

[Ben Ritner]

Ben Ritner

#62112

You would have to use a child theme. Hook the widget area into the after_header action.. So say you were using this plugin to add the widget area: https://wordpress.org/plugins/widgets-on-pages/

Then you would use the shortcode in that plugin in your function so this would be added in the child theme functions file:

add_action('kt_afterheader', 'kt_add_widget_afterheader');
function kt_add_widget_afterheader() {
 echo '<div class="container header-widget-container">';
 echo do_shortcode('[widgets_on_pages id=1]');
 echo '</div>';
}

Ben