Search Results for 'sidebar'

[susan]

susan

#21904

Is it possible to remove the sidebar on my search results page?
Here is a link to the page *Login to see link

Thanks
Susan

[susan]

susan

#21904

Is it possible to remove the sidebar on my search results page?
Here is a link to the page *Login to see link

Thanks
Susan

[Pim]

Pim

#21886

Hey,

I want to adjust a few things:

– I deleted the sidebar on the homepage but it still shows up under blog, about etc. How do I get rid of it?

– I placed a widget on the Homepage bottom (Pic of the Day) but the text doesn’t allign, how can I center this text?

– I made a responsive menu for mobile but it does not fit in the header (falls of a bit). How do I enlarge the header just for mobile (its already pretty large on computer)

Website:
http://www.BOEFclothing.com

Thanks!

[Pim]

Pim

#21886

Hey,

I want to adjust a few things:

– I deleted the sidebar on the homepage but it still shows up under blog, about etc. How do I get rid of it?

– I placed a widget on the Homepage bottom (Pic of the Day) but the text doesn’t allign, how can I center this text?

– I made a responsive menu for mobile but it does not fit in the header (falls of a bit). How do I enlarge the header just for mobile (its already pretty large on computer)

Website:
http://www.BOEFclothing.com

Thanks!

[Ben Ritner]

Ben Ritner

#21846

I see all this:

.home .headerclass {
background-color: rgba(249, 249, 249, 0.95)
}
.footerclass a:hover {
color:#27A9E1;
}
.footerclass {
border-top:4px solid #27A9E1;
}
.topclass:before {
border-bottom: 4px solid #27A9E1;
content: " ";
bottom: -4px;
left: 0px;
width: 100%;
z-index: 1000;
height: 4px;
position: absolute;
}
.topbar-widget .virtue_social_widget a i {
font-size: 16px;
}
.topbar-widget .virtue_social_widget a {
line-height: 19px;
}
.topclass {
position: relative;
}
#kadbreadcrumbs { font-size: 14px }
.home-padding {
padding: 1px;
}
html .woocommerce-page .widget_layered_nav ul.yith-wcan-label li a {
padding: 2px 3px 2px 3px;
margin: 0 2px;
}
html .woocommerce-page .sidebar .widget_layered_nav ul.yith-wcan-label li {
margin-bottom: 3px;
}
#nav-main ul.sf-menu ul li a, .nav-main ul.sf-menu ul li a, #nav-second ul.sf-menu ul li a {
    padding: 3px 16px;
}
#nav-main .sf-menu>.kt-lgmenu>ul>li>a {
font-size: 18px;
color:#fff;
}
.sidebar h3 {
font-size: 18px;
}
.topbarmenu .sf-menu>.kt-lgmenu>ul {
    right: 0 !important;
    left: auto !important;
    border-bottom: 4px solid #27A9E1;
    border-right: 4px solid #27A9E1;
    border-left: 4px solid #27A9E1;
    background: #f05a28;
}
.topbarmenu a {
font-weight: Bold;
}
.topbarmenu .sf-menu>.kt-lgmenu>ul>li>a {
font-size: 15px;
font-weight: Bold;
color:#fff;
}
#nav-main ul.sf-menu ul li a:hover, #nav-main ul.sf-menu ul li.current-menu-item>a {
    background: rgba(255,255,255,.2);
}
.topbarmenu ul.sf-menu ul li a, .nav-main ul.sf-menu ul li a, #nav-second ul.sf-menu ul li a {
    padding: 3px 16px;
}
.topbarmenu ul li a {
font-size: 16px;
font-weight: bold;
}
.topbarmenu ul li.current-menu-item > a {
background: rgba(255,255,255,.2);
}
@media (max-width: 979px) {
#topbar {display: none;}
}

and it looks fine. don’t need to worry about it.
Ben

[Ben Ritner]

Ben Ritner

#21817

Hey,
So in the sidebar instead of using the search widget us a text widget and add that shortcode.

In the topbar go to the theme options > topbar settings. Scroll down and enabled the widget area for the topbar.

Then go to the widgets page, add a text widget and add the shortcode to the text widget.

Ben

[Kaval]

Kaval

#21792

1. I am confused too. You have such an awesome theme, that I still haven’t figured out all the stuff. What is confusing me is that when I do not have a shop page set, it still displays as if I still have. The issue here is I would prefer to call my shop page “SHOP” and not “STORE” but while the latter page does what I want, the former page doesn’t even when the WC shop page is blank. What I have done now is changed the navigation, while it says SHOP, it is going to STORE for the desired effect.

2. So obvious – about the page template – sorry for timewasting there. This resolved the cat pages sidebar anyway, as that was already set as I wanted. :o)

3. Any way for the top bar to be sticky – like the current site wide notice we have up? I have removed primary navigation, and want to use top bar for it, the logo will still be shrink / sticky as it is now.

4. Additionally if you look at the font sizes, you can see the HOME, SHOP, YOUR ACCOUNT, SUPPORT how can I make just that level of the menu say 16px, bold? I have set the next level to be 15px, bold in the code you provided, and the ones that are the next level down are set by default (where to find that setting?)

5. How can I get the active page to be highlighted when hovering within the topbar menu? So if you are on the HOME page you know you are on that page when the colour is different to the rest?

6. Now I have a favour to ask, you’ve been kind enough to provide all sorts of stuff for custom css, and I think with my tinkering, I have made it more than it needs to be (ie less code could perhaps do the same work) so if I could email you what is in the current custom css bit, could you check that for me? This is not yet but after all this business above has been sorted?

I’ve had this message going for a few hours now, editing as I was trying to figure things out and above still remains. So thanks in advance for the assistance. Once this is nailed down/ironed out then all will be great!

Regards
Kav

[Ben Ritner]

Ben Ritner

#21758

I am very confused at why you have a shop page and then added a shortcode? If you only what to show what is in the shortcode you can’t use the woocommerce shop page.

You can choose a fullwidth page template for full width pages.
You can set the category pages sidebar in the theme options > shop settings.

Ben

[Kaval]

Kaval

#21750

In addition to the above.

How do I get rid of sidebars on specific pages? Or should I say. I want NO SIDEBAR anywhere except on the pages where products will be displayed (not the actual product pages, but I think they’re the category pages where 15 etc products are displayed per page etc)

I created a /store page to do what I want to do as you suggested, but I would actually like to call my shop page /shop except I think it interferes what woocommerce is doing. Would I be able to do that by changing the name of the page that woocommerce calls shop (to say webshop) and changing the name of the page I called store to shop?

[Ben Ritner]

Ben Ritner

#21744

Hey,

1. 0 isn’t actually an option it’s considered default meaning it doesn’t add an output of 0 padding because 0 is the default for a number input box. If you changed to 1 or like I said 10 it would have an effect. The default in the css is 20 and if you leave on 0 then 20 is what will apply because it’s in the css.

2. Your using the latest post widget which is a sidebar widget. You would have to use a blog shortcode if you wanted content like the home page. Which you don’t need to do, just add the css and use the home page theme options settings.

If the css isn’t working for you then add this:

.home .panel-grid:only-child .panel-row-style-wide-grey, .home .panel-grid:last-child .panel-row-style-wide-grey {
margin-bottom: 0 !important;
}

Ben

[Ben Ritner]

Ben Ritner

#21573

Hey David, There is not option to make the sidebar fixed “sticky” so when you scroll it follows.

Ben

[Hannah]

Hannah

#21554

Hey, there isn’t really an option to show your sidebar by default without editing the theme. But you can still get it to display throughout your site. In theme options > home layout you can choose to display the sidebar on the homepage. Most page templates have a sidebar option or you can always use the sidebar template. Sidebars should already scroll automatically with the site.

Hannah

[Moritz]

Moritz

#21550

Hi,
is there a way to show the sidebar always,
and scrolls automatically with the site?
Thanks,
David

[Moritz]

Moritz

#21550

Hi,
is there a way to show the sidebar always,
and scrolls automatically with the site?
Thanks,
David

[Ben Ritner]

Ben Ritner

#21487

1. You can adjust with css:

#nav-main .sf-menu>.kt-lgmenu>ul>li>a {
font-size: 18px;
}

2. The headings are your h3 font in the theme options > typography settings.. you can target specifically with css if you want:

.sidebar h3 {
font-size: 20px;
}

3. You can adjust with this:

html .woocommerce-page .widget_layered_nav ul.yith-wcan-label li a {
padding: 3px 5px 3px 5px;
margin: 0 2px;
}
html .woocommerce-page .sidebar .widget_layered_nav ul.yith-wcan-label li {
margin-bottom: 3px;
}

Ben

[Kaval]

Kaval

#21480

Another query as well. Click “Shop” – How can I make the filter headings in the sidebar smaller and how do I make the filter boxes/value text/padding smaller?

[Ben Ritner]

Ben Ritner

#21406

Hey,
I think you misunderstand how the filter works. It’s not a Query filter that re scans your site, it only filters what products that are on the page. For example…
http://excelsiorglobal.co.uk/product-category/brands/urban-decay/
See how only the urban-decay options are there.

The filter will not work on pages that are more then one page of products. It’s not designed to. You can set up an ajax filter that will do something like that… see here: http://themes.kadencethemes.com/virtue-premium-3/shop/

That plugin is here: https://wordpress.org/plugins/yith-woocommerce-ajax-navigation/

In general a filter should not be used for site navigation.. use a menu for that like you have on your sidebar.. a filter should only be used to short what products are on the page.

Ben

[Robert]

Robert

#21390

This makes sense. It’s too bad because the visual effects of the theme filter are amazing. I also like how your theme filter displays across the page rather than clogging up the page in a sidebar. I’ll have to work on this. Thank you for your explanation!

Bob

[Mario]

Mario

#21353

Can I ask a question here? Are the product category thumbnails the links to the product category pages? I messed up our shop page and now can’t get ours to show up anymore. They were working yesterday and then I changed the sidebar for the shop page and forgot that I just needed to change that in the shop settings, so deleted the shop page, rebuilt it and now I can’t remember how to set the category thumbnails on the shop page again.

Can you please help?
Thank you.

[Hannah]

Hannah

#21264

Try removing this:

.sidebar h3 {
margin-bottom: -10px;
}

And adding this:

.widget-first {;
margin-top: 10px !important;
}

Hannah

[Pim]

Pim

#21263

awesome, thank you so much!!!

One more question, in the same sidebar i have ‘Blog Archive’. The text underneath is now a bit close to this title. Is it possible to fix this as well?

[Hannah]

Hannah

#21262

Hey, this should get you close-

img.AlpinePhotoTiles-img-corners {
height: 270px;
}
.sidebar h3 {
margin-bottom: -10px;
}

Just paste it in your custom css box in theme options > advanced settings.
Let me know if that works for you!
Hannah

[Ben Ritner]

Ben Ritner

#21227

Hey,
So in your custom css box you have this code:

#content .main {
float: right;
}

and you need to switch out with this code:

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

you can find that on this page: https://www.kadencewp.com/frequently-asked-questions/

Under the section about having a sidebar on the left.

Ben