Search Results for 'sidebar'

[Hannah]

Hannah

#186925

Hey,
Sorry, I didn’t realize you were referring to mobile. Try adding this to your custom css box:

.sidebar [class*=wp-image] {
    display: inline;
}
.sidebar .panel-grid .widget {
    text-align: center;
}

Hope it helps!

Hannah

[Nicholas]

Nicholas

#186917

Good Morning, I wanted to start by saying how helpful this forum has been. My question is, how can I adjust the padding on my sidebar?

When I add the sidebar to my posts, the main section is narrowed. So on this post, I was hoping to eliminate the white space between the left side of the page and the sidebar.

Let me know if you need anything else. Thanks!

[Nicholas]

Nicholas

#186917

Good Morning, I wanted to start by saying how helpful this forum has been. My question is, how can I adjust the padding on my sidebar?

When I add the sidebar to my posts, the main section is narrowed. So on this post, I was hoping to eliminate the white space between the left side of the page and the sidebar.

Let me know if you need anything else. Thanks!

[Michael]

Michael

#186771

Hi

I have 4 logos in my sidebar inside a sitebuilder widget (Using siteorigin rich text widgets within that)
The images for some reason are not centering.
I’ve selected centre in the insert menu and in the text widgets themselves.

Pls advise?

[Michael]

Michael

#186771

Hi

I have 4 logos in my sidebar inside a sitebuilder widget (Using siteorigin rich text widgets within that)
The images for some reason are not centering.
I’ve selected centre in the insert menu and in the text widgets themselves.

Pls advise?

[Ben Ritner]

Ben Ritner

#186720

You will need a child theme to use that plugin because of how it overrides templates.

You can download a child theme here:https://www.kadencewp.com/child-themes/

Then you just need to add this to the functions.php file:

add_action('init', 'custom_child_init');
function custom_child_init() {
if(class_exists('Dokan_Rewrites')) {
            add_filter('template_include', 'kad_wc_dokan_override', 20);
            function kad_wc_dokan_override($template) {
                 	$store_url = dokan_get_option( 'custom_store_url', 'dokan_general', 'store' );
                 
                   	$store_name = get_query_var( $store_url );

			        if ( !empty( $store_name ) ) {
	                    remove_filter('template_include', array('Kadence_Wrapping', 'wrap'), 101);
	                }
                  
                  return $template;
            }
            add_filter('kadence_display_sidebar', 'kad_wc_dokan_sidebar');
            function kad_wc_dokan_sidebar($sidebar) {
            	$store_url = dokan_get_option( 'custom_store_url', 'dokan_general', 'store' );
                 
                   	$store_name = get_query_var( $store_url );

			        if ( !empty( $store_name ) ) {
			        	$sidebar = false;
			        }

            	return $sidebar;

            }
            add_action( 'woocommerce_after_main_content', 'kad_wc_dokan_footer', 20 );
            function kad_wc_dokan_footer() {
            	$store_url = dokan_get_option( 'custom_store_url', 'dokan_general', 'store' );
                 
               	$store_name = get_query_var( $store_url );

		        if ( !empty( $store_name ) ) {
		        	echo '</div></div>';
		        }

            }
        }
}

[Glenn]

Glenn

#186718

Hi there,

I have Dokan Pro installed with Virtue premium theme.

On a vendor shop page however, if the footer is set to a colour that could also becomes the background for the shop.

example: *Login to see link

Footer is set to gray. The background of the shop should be white, but becomes grey also.

The sidebar content also gets pushed below the footer.

If you can please offer assistance that would be great.

Regards,

Glenn

[Glenn]

Glenn

#186718

Hi there,

I have Dokan Pro installed with Virtue premium theme.

On a vendor shop page however, if the footer is set to a colour that could also becomes the background for the shop.

example: *Login to see link

Footer is set to gray. The background of the shop should be white, but becomes grey also.

The sidebar content also gets pushed below the footer.

If you can please offer assistance that would be great.

Regards,

Glenn

[Ben Ritner]

Ben Ritner

#185836

1. You can’t do that, as I said in this post: https://www.kadencewp.com/support-forums/topic/responsive-mobile-blog-categories/

A sidebar cannot go above your content.

You either need to add the categories above the content of your archive through a custom template in page builder (but you can’t break up a column) or you need to add directly into your page or through a custom code in php

2. When you build a custom template in pagebuilder you can assign the collapse order for the row. You just need to change your collapse order.

Is it possible to write a media query to reassign the position in mobile/responsive for those two instances?

No, this isn’t something you can do with css because you can’t predict the height of the contents to absolute position. It comes done to the output of the html structure. When you change the collapse order in a row with pagebuilder the structure of the html flips.

[Nicolae]

Nicolae

#185831

Hi Kevin,

Thank you for your help.

Point 2) works perfect.

1) It changes only the hovered background color with another color where I see no transparency (see it working). I need the first background color of the button (non-hovered) to be transparent. I tried using the following:

.ksp-btn-layer{
background: rgba(58, 192, 199, 0.6);
}

but it didn’t work.

3) I’d like not to use page builder, and to keep the sidebar for the right column. It would be perfect for a widget right bellow the primary menu and above the sidebar, but I do not know how to build it. Anyway, it would also be ok if I find a way to place an image only in that place,

Thank you,

Nicolae

[Kevin]

Kevin

#185826

1. Here is some CSS that will allow you to change the hover background of your slider buttons:

.ksp-btn-layer:hover {
    background: #b7e4e6c4 !important;
}

Just change the color to whatever you want, and place the CSS in Theme Options> Advanced Settings.

2. Use this CSS to reduce the height of your footer:

.footercredits {
    display: none;
}
footer#containerfooter {
    padding-top: 0;
}

3. You could do that through a widget. Another option would be to use page builder plugin to configure the sidebar within your post content. Just build the column to the right of your post content in page builder, and then turn the sidebar off for the post. Does that make sense?

-Kevin

[Park]

Park

#185800

Hi,

My shop lays out as I like in desktop, with product categories and cart in a left-sidebar on the shop home (aka product archive?) and single product pages. I have used page layout in Woo Templates to accomplish this.

1. On mobile in product archive/shop home, the product categories and cart from the sidebar now both display below all the products. I need only the product categories to be displayed above all the product contents, and the cart to remain where it is now, below all the products.

2. On mobile for the product single pages, both the product categories AND the shopping cart need to be displayed below the single product, rather than above the product where they both display now.

Is it possible to write a media query to reassign the position in mobile/responsive for those two instances?

Thanks so much.

[Park]

Park

#185800

Hi,

My shop lays out as I like in desktop, with product categories and cart in a left-sidebar on the shop home (aka product archive?) and single product pages. I have used page layout in Woo Templates to accomplish this.

1. On mobile in product archive/shop home, the product categories and cart from the sidebar now both display below all the products. I need only the product categories to be displayed above all the product contents, and the cart to remain where it is now, below all the products.

2. On mobile for the product single pages, both the product categories AND the shopping cart need to be displayed below the single product, rather than above the product where they both display now.

Is it possible to write a media query to reassign the position in mobile/responsive for those two instances?

Thanks so much.

[Nicolae]

Nicolae

#185790

Hello,

The website is *Login to see link

I hope to be helped with the following:

1) The color background (here, #3ac0c7) of the buttons of the Kadence Slider (”Află mai multe”) to have transparency, if possible both for buttons and hover effect (about 10%)

2) To decrease the height of the footer (as much as possible)

3) For blog posts, like *Login to see link to have the image full width, above the sidebar (like here: *Login to see link The best way would be to have a widget full width right bellow the primary menu)

Thank you,

Nicolae

[Nicolae]

Nicolae

#185790

Hello,

The website is *Login to see link

I hope to be helped with the following:

1) The color background (here, #3ac0c7) of the buttons of the Kadence Slider (”Află mai multe”) to have transparency, if possible both for buttons and hover effect (about 10%)

2) To decrease the height of the footer (as much as possible)

3) For blog posts, like *Login to see link to have the image full width, above the sidebar (like here: *Login to see link The best way would be to have a widget full width right bellow the primary menu)

Thank you,

Nicolae

[Ben Ritner]

Ben Ritner

#185703

Hey,
2. If your adding a slider through the page content and not through the theme options > home slider then you can’t switch out that slider with a mobile slider.

The theme options > home slider only switches with the mobile slider. If you just enabled the mobile then it would show on mobile and not remove anything else because it’s only designed to switch with the theme options home slider.

Does that make sense?

If you would like to hide a row on mobile in pagebuilder then click on the edit row and there in the top right corner click on “attributes” and add this class to the class box.

hidden-xs

Gallery post. Please link directly to this so I can see what you mean. Please make sure that your posts have a “featured image” added.

Can you sort your blogs by category

You can use a normal page and add a shortcode for each category. That would show your posts in different grids based on category on the same page.

Click on the shortcodes button and choose the blog shortcode.

Just add one shortcode for each category.

side bar that just lists all the categories

You can add the categories widget into your sidebar, then when a category is clicked the user would go to that category page where only that category shows.

Does that help?

[Ben Ritner]

Ben Ritner

#185692

Hmm, lets try a set by step again, and break it down as much as possible with images. You want to add the sign up right above the recent posts widget in the primary sidebar on your site.

So step 1:
Go to appearance > widgets in your admin. (see image)

Step 2:
Scroll down on the left side till you see “Text” under the available widget options. Then click on that widget, a popup will show asking you which widget area you would like to add this text widget too. Select primary sidebar and then click “add widget”. (see image)

Step 3:
Scroll up to your primary widget and click and move this widget to where you want it to show. So move it directly above the recent posts widget. (see image)

Step 4:
Add the constant contact shortcode, which we’ve already established is [ctct form="467"], into the text widget. Make sure to click “save” when done (see image)

Hopefully this will help by seeing the images and will also help you to understand how sidebars work and how you can add stuff to them.

Please let me know.

Ben

[Kevin]

Kevin

#185552

Hey,

Using the portfolio seems like it should work for you. You can enable a filter for your portfolio items as well, though not in the sidebar, and it wont be a background.

-Kevin

[Hannah]

Hannah

#185547

Hi gene1,
Have you turned on “Display a sidebar on the homepage” in Theme Options > Home Page Layout?

Hannah

[gene1]

gene1

#185541

Thanks for your assistance Kevin – here’s the link to the staging site: http://htcc.vermont-internetmarketing.com/ I’m trying to add the primary sidebar to the right side of the home page. It does appear on the sub-pages so I’m guessing it’s due to using the kadence slider or the page builder. Any ideas?

[Kevin]

Kevin

#185494

Hey,

Sorry, I don’t know how to be clearer. Re-reading my above posts closely, it should make sense. Did you follow the steps exactly?

1. Go to Appearance> Widgets.

2. Find Sidebar01, and open it to view the text widget.

3. Open the text widget and see the shortcode within.

4. Go to the page that you want to show the form in.

5. Assign the sidebar for the page as Sidebar01.

6. View the page to see the form in the sidebar, just like on the page I created to show you.

If you want to place the form into a different sidebar, then add a text widget to the area you want to show the form, and then place the shortcode in the text editor.

Hopefully that clears it up.

-Kevin

[Melanie]

Melanie

#185462

Hi,

I am using the Ascend with the sidebar on the left. On the desktop version I would like it to appear as it does in the mobile version. Where you click on a button and the sidebar panel flys in and then flys out.

Is this possible?

Thanks, Mel

[Melanie]

Melanie

#185462

Hi,

I am using the Ascend with the sidebar on the left. On the desktop version I would like it to appear as it does in the mobile version. Where you click on a button and the sidebar panel flys in and then flys out.

Is this possible?

Thanks, Mel

[barnladybuilder]

barnladybuilder

#185412

I’m sorry to be a pest, but I still have not been able to figure this out. Can somebody please help me get a sign-up form in my sidebar?

Deb

P.S. I haven’t worked on it since last week, so apologies for the late response.

[gene1]

gene1

#185411

hi – can you please tell me if it’s possible to use a sidebar in Ascend premium when using a full page width Kadence slider? I have not been able to get the side bar to appear. 2nd part of the question, would use of the page builder factor into the above? many thanks – gene

[gene1]

gene1

#185411

hi – can you please tell me if it’s possible to use a sidebar in Ascend premium when using a full page width Kadence slider? I have not been able to get the side bar to appear. 2nd part of the question, would use of the page builder factor into the above? many thanks – gene

[Ben Ritner]

Ben Ritner

#185402

Just to provide more clarity and to make sure it’s clear there is no way to make a normal sidebar appear above the content.