Search Results for 'sidebar'

[Kevin]

Kevin

#185351

Hey,

Go to Theme Options> Misc Settings, and you can make new sidebars by finding “Create Custom Sidebars.”

Add widgets to the sidebar in Appearance> Widgets, and then assign the sidebar in your page settings.

-Kevin

[Jochen]

Jochen

#185345

Hi There,
I’m not sure what I miss but i can’t see the option of creating additional sidebars.
I wanted to create a specific sidebar for each product category so i can adjust the product filters in the sidebar.
But now I can’t find the option of creating sidebars are there just a limited one can create. Please let me know where I can create them somehow I can’t find where in the settings i can do that I looked already everywhere…. It drives me creazy….
Thanks in advance for your help
JJ

[Jochen]

Jochen

#185345

Hi There,
I’m not sure what I miss but i can’t see the option of creating additional sidebars.
I wanted to create a specific sidebar for each product category so i can adjust the product filters in the sidebar.
But now I can’t find the option of creating sidebars are there just a limited one can create. Please let me know where I can create them somehow I can’t find where in the settings i can do that I looked already everywhere…. It drives me creazy….
Thanks in advance for your help
JJ

[Kevin]

Kevin

#185338

Hey Park,

One option that would be relatively simple would be to add the sidebar in page builder, rather than appearance> widgets. Jus build a two column row that has the correct proportions, then add the widgets to page builder sidebar. does that make sense?

Let me know if that works.

-Kevin

[Park]

Park

#185329

Hi,

I have elected to display a left sidebar with blog categories on desktop view. I would like the blog categories to display ABOVE the blog postings on my blog page rather than below them. Is there a way I can display the categories in responsive mode above my blog posts to easier navigate the different categories without scrolling all the way to the bottom of the latest blog posts?

Thanks!

[Park]

Park

#185329

Hi,

I have elected to display a left sidebar with blog categories on desktop view. I would like the blog categories to display ABOVE the blog postings on my blog page rather than below them. Is there a way I can display the categories in responsive mode above my blog posts to easier navigate the different categories without scrolling all the way to the bottom of the latest blog posts?

Thanks!

[Park]

Park

#185319

Hi,

Previously, Ben wrote this css for me so that a sidebar could be viewed on my desktop portfolio page with 3 columns, and also the portfolio could be viewed in 3 columns on mobile devices.

.siteorigin-panels-stretch.kt-panel-row-full-stretch.panel-row-style.panel-row-style-for-5425-0 {
margin-bottom: 0 !important;
}

@media (min-width: 992px){
#options {
float: left;
width: 20%;
}
.kad-portfolio-wrapper {
float: left;
width: 80%;
}
#filters li {
float: none;
}
}

#portfoliowrapper .p-item {
float: left;
width: 33.33%;
}

.portfolio_item .portfoliolink {
display: none;
}

What value could I change in this css in order to display the portfolio grid on mobile with larger thumbnails (or smaller margins)? I like the current layout, just the proportions feel slightly off to me. If I could decrease the margins more by scaling the image squares slightly up, that would be preferred.

Thanks so much for your help.

Park

[Park]

Park

#185319

Hi,

Previously, Ben wrote this css for me so that a sidebar could be viewed on my desktop portfolio page with 3 columns, and also the portfolio could be viewed in 3 columns on mobile devices.

.siteorigin-panels-stretch.kt-panel-row-full-stretch.panel-row-style.panel-row-style-for-5425-0 {
margin-bottom: 0 !important;
}

@media (min-width: 992px){
#options {
float: left;
width: 20%;
}
.kad-portfolio-wrapper {
float: left;
width: 80%;
}
#filters li {
float: none;
}
}

#portfoliowrapper .p-item {
float: left;
width: 33.33%;
}

.portfolio_item .portfoliolink {
display: none;
}

What value could I change in this css in order to display the portfolio grid on mobile with larger thumbnails (or smaller margins)? I like the current layout, just the proportions feel slightly off to me. If I could decrease the margins more by scaling the image squares slightly up, that would be preferred.

Thanks so much for your help.

Park

[Kevin]

Kevin

#185151

The sidebar widget titles are being set by this CSS:

.sidebar .widget-title span {
    background: transparent;
    padding: 0;
}
.sidebar .widget-title{
font-size: 20px;
    background: #00aeef;
    color: white;
    line-height: 20px;
    padding: 8px;
    font-weight: 200;
    display: inline-block;
margin-bottom: 10px;
}

Try changing to this and let me know if it works for you:

.sidebar .widget-title span {
    background: #00aeef;
    padding: 0;
}
.sidebar .widget-title{
    font-size: 20px;
    background: #00aeef;
    color: white;
    line-height: 20px;
    padding: 8px;
    font-weight: 200;
    display: inline-block;
    margin-bottom: 10px;
}

-Kevin

[EVELISE]

EVELISE

#185150

Hi!
Try to configurate my theme (ascend) this configuraton has altered and I don’t localized where I modify the colors.

I mean a widget – sidebar – menu – which comes with the default title ‘Categories’

The link of the site: *Login to see link

Thanks.

[EVELISE]

EVELISE

#185150

Hi!
Try to configurate my theme (ascend) this configuraton has altered and I don’t localized where I modify the colors.

I mean a widget – sidebar – menu – which comes with the default title ‘Categories’

The link of the site: *Login to see link

Thanks.

[Kevin]

Kevin

#185143

1. Try this CSS:

@media (min-width: 992px) {
.woocommerce-page .main.kt-sidebar {
    width: 80%;
}
.woocommerce-page .kad-sidebar {
    width: 20%;
    }
}

2. Try this CSS:

@media (min-width: 1200px) {
.woocommerce-page .kad_product {
    width: 25%;
    }
}

Let me know how that works for you! you can adjust the percentages in the CSS as needed.

-Kevin

[Hannah]

Hannah

#185053

Hey,
This css should work for you:

@media (min-width: 992px) {
.main.col-lg-9.col-md-8.kt-sidebar {
    float: right;
}
}

Hannah

[Kevin]

Kevin

#185052

Hello,

1. If you can post a link to the shop page, then I can provide some CSS to adjust the sidebar width.

2. With that max width, the products are going to create another product column when viewing in a very large screen. Try going to Theme Options> Layout Settings, and set the “Site Layout Max-Width” to 1140. This will force the products to show the default columns.

Let me know if this is helpful.

-Kevin

[alexkonijnenburg]

alexkonijnenburg

#184895

HI,

I set the layout at 1440px.

I want to use a sidebar on my shop archive pages.

2 questions:

1. How to change the side bar width?
2. I want to show 4 columns on the shop archive pages (When I go to settings and set columns to 3 > it shows 3, but when i change to 4 it shows 5!)

How to set this up correctly?

Thanks in advance

Regards
Alex

[alexkonijnenburg]

alexkonijnenburg

#184895

HI,

I set the layout at 1440px.

I want to use a sidebar on my shop archive pages.

2 questions:

1. How to change the side bar width?
2. I want to show 4 columns on the shop archive pages (When I go to settings and set columns to 3 > it shows 3, but when i change to 4 it shows 5!)

How to set this up correctly?

Thanks in advance

Regards
Alex

[info794]

info794

#184846

Hello,

is possibile display (woocommerce and normal pages) the sidebar to the left instead of the right?

Thanks and regards

[info794]

info794

#184846

Hello,

is possibile display (woocommerce and normal pages) the sidebar to the left instead of the right?

Thanks and regards

[Hannah]

Hannah

#184687

Hi Park,
1.

.sidebar a.button.wc-forward {
    color: #000;
}
#payment #place_order {
    color: #000;
}

2. Looks like you’ve added this css:

#kad-banner {
    position: absolute;
    width: 100%;
    z-index: 1000;
    background: transparent;
}

Are you just wanting that to effect your homepage? If so, change it to this:

.home #kad-banner {
    position: absolute;
    width: 100%;
    z-index: 1000;
    background: transparent;
}

Hannah

[anthony7]

anthony7

#184569

Ben

Thanks for responding. But I’m sorry, I don’t quite understand
To clarify, our blog settings are
Single Blog Post Header
Show Blog Title in Header Off

Single Blog Content Settings
Show the Title in post content On

And what I’d envisaged was to be able to set the title in post content above or below the featured image.

I’m a bit confused by the per-post setting you’re suggesting.
When you say “Post head options”, is this the Post title and subtitle section? If so, then that title would automatically be above the featured image, wouldn’t it? And the image that it talks about is presumably the title image,not the featured image?

What we’re looking for is to have a plain title (as obtained by the “Show blog title in post content” setting, but above the featured image rather than below it – in other words having the single post look much like it does in the blog archive.

Our site btw is srp.org.uk and you can see the blog by following See All News in the sidebar. Note that all the old posts are standard, not image, so the question doesn’t arise, but https://www.srp.org.uk/2018/03/21/recorder-courses-in-august/ is an example of an image post.

Apologies if we’re talking at cross purposes – as you see I’m struggling to understand here

Thanks

Anthony

[Kevin]

Kevin

#184483

1. The text widget is a text editor, and the page content of your contact is also a text editor. That’s why you can output shortcode for the contact form in both places. Does that make sense?

If not, you may want to consider doing some research on this site so you can better understand how WordPress works:
https://make.wordpress.org/support/user-manual/content/editors/

2. From the above post, “Go to Appearance> Widgets, and view the widget within Sidebar01. Open it to see the shortcode within.”

-Kevin

[barnladybuilder]

barnladybuilder

#184479

That’s exactly what I want, but I don’t know what you mean by “You can add the contact form to any text editor on your site.”

Where do I need to put that code so the sign-up form is in the sidebar?

Deb

[Kevin]

Kevin

#184475

Go to Appearance> Widgets, and view the widget within Sidebar01. Open it to see the shortcode within.

Then, navigate to your pages, and find the page that I made called “sidebar form test.”

That page has sidebar01 assigned, and you can see the contact form in the sidebar. You can add the contact form to any text editor on your site. Just be sure you’re typing it correctly. The shortcode you posted above has a slight typo. This is the correct shortcode:
[ctct form="467"]

Hopefully that clears things up.

-Kevin

[Kevin]

Kevin

#184450

You should be able to go into Appearance> Widgets, and find the sidebar that you want to display the form in.

Then, add a text widget to that widget area. Paste the shortcode into that text widget, and the form should show in the sidebar now.

Does that work for you?

-Kevin

[Ben Ritner]

Ben Ritner

#184448

Ok so this wouldn’t be related or treated like a sidebar where you would apply it to pages and it shows next to content.

The only built in option would be to use the mobile header on desktop. which you can do through css.

Else you would need to use a plugin like https://codecanyon.net/item/superfly-responsive-wordpress-menu-plugin/8012790 there may be free options I just happen to know of that one.

Ben

[barnladybuilder]

barnladybuilder

#184437

Constant Contact is my email list provider. It’s not a plug-in.

They helped me create a sign-up form on my site under Contact Me. I want something similar on my sidebar but I don’t know how to get it there.

Deb