Search Results for 'sidebar'

[Ben Ritner]

Ben Ritner

#103989

Just to use less, organize your menus thinking of the viewer. What’s important and not overwhelming, then in your pages add natural navigation and if necessary add a sidebar with further navigation based on where the user is.

Ben

[Ben Ritner]

Ben Ritner

#103956

Hey,

You custom sidebars plugin was throwing an error.. I deactivated.

I activated pagebuilder how do I recreate the issues you are having?

Ben

[Kevin]

Kevin

#103882

This CSS should get your sidebar to display correctly:

/* Move Sidebar and Product Sorting Inward*/
aside#ktsidebar, .woo-archive-pg-order {
    padding-right: 40px;
}

[Peter]

Peter

#103860

Hi Kevin,

The problem is it throws the right sidebar content off the page too. See:
http://176.32.230.14/maisies.co/product-category/chocolate-bars/

Also it now effects the home page. See:
http://176.32.230.14/maisies.co/

All styles relating to .entry-content padding have been removed so nothing else should be effecting this.

Thank you,
Peter

[Ben Ritner]

Ben Ritner

#103818

Ultimate Member is a good plugin I have used, not used wp customer area but if your liking it then It’s probably fine.

In these private pages are you not able to see the sidebar options? every page in the theme has options for a sidebar.

Ben

[Glenn]

Glenn

#103794

Hi, just thought I would ask if you are familiar with the WP Customer area plugin? I need private viewing areas for each customer and this solution is working great (if there is a better plug in that you know of let me know).

I’m trying to remove the sidebar from the private pages but can’t find a way to do it.

I will also contact the plug in author….

Thanks, Glenn

http://www.newbyphoto.ca

[Glenn]

Glenn

#103794

Hi, just thought I would ask if you are familiar with the WP Customer area plugin? I need private viewing areas for each customer and this solution is working great (if there is a better plug in that you know of let me know).

I’m trying to remove the sidebar from the private pages but can’t find a way to do it.

I will also contact the plug in author….

Thanks, Glenn

http://www.newbyphoto.ca

[Ben Ritner]

Ben Ritner

#103780

remove the php out of your css file:

function kad_sidebar_on_product_page($sidebar) {
  if (is_product()) {
    return true;
  }
  return $sidebar;
}

that shouldn’t every be placed in css as it’s php. Then fix your css as your missing a closing bracket here:

#s {
    background-color: #FFF;
    color: #000;
width: 100%;
    border: 1px solid rgb(14, 10, 6);
        border-top-color: #080965;
        border-right-color: #080965;
        border-bottom-color: #080965;
        border-left-color: #080965;

Finally, I can’t figure out why you have all this css in your custom css box:

@media (min-width: 400px) {
html, body {
height: 100%;
}
html body.wide #wrapper.container {
min-height: 100%;
position: relative;
padding-bottom: 95px !important;
}
@media (min-width: 400px) {
html, body {
height: 100%;
}
html body.wide #wrapper.container {
min-height: 100%;
position: relative;
padding-bottom: 88px !important;
}
@media (min-width: 992px) {
html, body {
height: 100%;
}
html body.wide #wrapper.container {
min-height: 100%;
position: relative;
padding-bottom: 65px !important;
html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 100px; /* bottom = footer height */
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
}
#containterfooter .contentclass {
    padding-bottom: 0;
}
* {
	margin: 0;
}
html, body {
	height: 100%;
}
@media (min-width: 992px) {
html, body {
height: 100%;
}
html body.wide #wrapper.container {
min-height: 100%;
position: relative;
padding-bottom: 200px !important;
}
#containerfooter {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
}
@media (min-width: 992px) {
html, body {
height: 100%;
}
html body.wide #wrapper.container {
min-height: 100%;
position: relative;
padding-bottom: 85px !important;
}
#containerfooter {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
}

Remove all of it (a lot of it’s broken anyway)

And simply add this css:

@media (min-width: 768px) {
html, body {
height: 100%;
}
html body.wide #wrapper.container {
min-height: 100%;
position: relative;
padding-bottom: 84px !important;
}
#containerfooter {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
}

Ben

[Hannah]

Hannah

#103525

Hey,
Thanks for the kind words! We actually will be adding a subscription option in the very near future 🙂

For the menu, what kind of rule are you wanting to add? This css may be what you need:
#nav-main ul.sf-menu a:hover, .nav-main ul.sf-menu a:hover {

    font-family: Lato;
    line-height: 18px;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #333;
}

This css should work for your sidebar dropdown:

.sidebar li.menu-feature.sf-dropdown-submenu a {
    color: #999;
    font-size: 12px;
}

Hannah

[veronique]

veronique

#103505

Hi community support team,

I have a wordpress 4.5.3 with Virtue premium theme and Woo-commerce
Here is my big problem on all pages; product page and portfolio page.

When I edit a page, the features on the right side are not responsive. Page Attributes, Feature Image, Tags do not expand or claps.
The same problem with all features below the main text.
Page Title and Subtitle, Yoast SEO, Product Data, Custom Fields, Product Sidebar Options, Product Video Tab, Revolution Slider Options, Product…… None of the boxes expand nor claps. Nothing works.

Please advise as how can I fix this. Thank you very much for your help. VT

[veronique]

veronique

#103505

Hi community support team,

I have a wordpress 4.5.3 with Virtue premium theme and Woo-commerce
Here is my big problem on all pages; product page and portfolio page.

When I edit a page, the features on the right side are not responsive. Page Attributes, Feature Image, Tags do not expand or claps.
The same problem with all features below the main text.
Page Title and Subtitle, Yoast SEO, Product Data, Custom Fields, Product Sidebar Options, Product Video Tab, Revolution Slider Options, Product…… None of the boxes expand nor claps. Nothing works.

Please advise as how can I fix this. Thank you very much for your help. VT

[James]

James

#103504

I just need a little help with CSS things I’m having trouble identifying in the inspector
The sidebar menu, and the hover and current state of the menu. I just want to change the CSS but I’m having trouble snagging the right code to put in the theme.

*Login to see link

Ben, Hannah and all you guys, I’m seriously really grateful for this forum, and for the themes.

I hope you consider making it a yearly 49.00 because for the support you give it’s totally worth it.
People are often surprised when it’s 49.00 one time.

Other theme people charge more, but don’t support like you do.

[James]

James

#103504

I just need a little help with CSS things I’m having trouble identifying in the inspector
The sidebar menu, and the hover and current state of the menu. I just want to change the CSS but I’m having trouble snagging the right code to put in the theme.

*Login to see link

Ben, Hannah and all you guys, I’m seriously really grateful for this forum, and for the themes.

I hope you consider making it a yearly 49.00 because for the support you give it’s totally worth it.
People are often surprised when it’s 49.00 one time.

Other theme people charge more, but don’t support like you do.

[sarmad]

sarmad

#103487

hello

in this page *Login to see link i dont want to have the sidebar, this page is create outomaticaly with a plugin in the plugin i set to not have sidebar but still have it can u please give me a css to do not have it in store pages like the above link please?

[sarmad]

sarmad

#103487

hello

in this page *Login to see link i dont want to have the sidebar, this page is create outomaticaly with a plugin in the plugin i set to not have sidebar but still have it can u please give me a css to do not have it in store pages like the above link please?

[Cara]

Cara

#103475

regarding 6. is there a way to add to all products at once or they have to be done individually?
to be clear I want customer to be able to search by: –
t-shirts
mens
womens
unisex
kids
infants
tank tops
fleece & hoodies
onesies
size
color

which is the easiest way for me and easy and most user friendly way to navigate to find products
all

I really would like to have my secondary men nav links link to the correct category and also all of the drop down menu to load the right items. For example if someone clicks on women all womens items should load, if they click on the drop down from womens an choose t-shirt it should load all the womens t-shirts which is the same as clicking on womens (not sure how to fix that), if they click on womens then the drip down and choose sacred geometry only womens items that are sacred geometry should load and the same goes for it they choose womens then wise words on the wise words womens items should appear. The same would go for all categories in secondary nav links and the dropdown menu links as well. Do does that make sense? If so want is the best way to do this. If I can avoid having a sidebar and filter or menu that would be ideal but I’m also interested in what you were referring to using a menu instead of filter if I do need something.

[Guy]

Guy

#103469

Oh, a great tool!
I need some more time to play with it…

In the meantime, I was not so clear about what I wanted –
Not that all the sidebar will change background,
but just when doing a hover on text elements: each of the menu items and the tags in the tag cloud – their text color will change on hover.

Also, I saw in inspect that I can use “current-cat” to identify the page of the chosen menu item.
How do I refer to it to assign it a unique text color ?

http://www.guyshachar.com/en/category/east-asia/india/

[Kevin]

Kevin

#103462

2, 3. Here is some CSS that will target the product titles only on single products. It will also decrease the font size of the title. If you’re having issues with the word wrap on certain products, you can target product specific titles and decrease the font size even more with more CSS.

.single-product h1.product_title.entry-title {
    text-transform: uppercase;
    font-size: 18px;
}

6. You need to assign a product category in the attributes tab of your product pages. See here:
https://dilexivos.com/wp-admin/post.php?post=2099&action=edit
It also looks like you’re running out of memory for the shop page. So you will want to increase your max memory limit in your php settings. you’ll have to talk to your host to accomplish this.

If you plan on filtering only by category, you should probably just use a woocommerce category menu widget in your sidebar. With the amount of products you have, it makes far more sense just to use a menu and navigate page by page. It will be much better for navigating your site than a filter.

7. the only issue I’m seeing is that Women’s T-Shirts. That’s because the menu item is linked to the Women’s category. Changing the title of a menu item does not change it’s destination. You’ll have to edit your menu item to link to the correct page.

8. This CSS will target the related product titles:

.related .product_details .product_item_link h5 {
    font-size: 10px;
}

9. This is because you’re using the custom carousel. If you’re on a retina screen, this wont load a retina image. if you want a fix now, you can switch to the portfolio carousel. Otherwise this issue will be fixed in the next update.

[Kevin]

Kevin

#103453

This CSS targets the entire sidebar on hover. If you want it to be more specific, let me know.

aside#ktsidebar:hover {
    background: red;
}

There really isn’t at the moment, but learning how to use chrome inspect tool will allow you test things to see what works and what doesn’t:
https://www.kadencewp.com/chrome-inspect-tool/

Spending time in the inspect tool and comparing the code we give you to what’s there is helpful. Tweaking things to see what works and what doesn’t is pretty much the best way to learn the CSS. We’ll always be happy to help you with any CSS that applies to the theme though, so don’t hesitate to ask questions here.

[Cara]

Cara

#103448

2. & 3. Ideally I would like to have the product titles capped on the product pages, sometimes a word or two would move down to the line below it and I don’t want that but I would like to have the title capped (maybe reduce the font size on them a bit but not other text that may be associated with the same typography heading). The product text under the title needs to stay small not capped because it was a bit hard to read all capped.

6. shop and category sidebar are assigned no result I must be missing something else

7. got ya makes sense, what about when you click on may category links (secondary menu nav) most of them take you to the wrong category how I can fix that?

thanks

[Guy]

Guy

#103447

Thanks Kevin, it works!

BTW – How do I change hover color for the sidebar?

Is there a virtue premium class guide so I can learn what is changeable by css..?

[Kevin]

Kevin

#103438

2, 3. What font do you want to use? Let me know and I’ll get you the CSS to get it looking right. I may have been making a mistake before and want to be sure it works before I give you more CSS to mess with.

6. As for the shop sidebar, that is assigned via Theme Options> Shop Settings. Be sure you’re assigning the right one for your category page as well. You can find the options for that directly below the main shop sidebar. Try setting it there and let me know if it works.

7. Alright, the issue we were running into here was that you wanted the space between the sale sign and the product titles to be greater on single products, and I missed the previous thread where you wanted to eliminate the padding elsewhere on your site. Fortunately that’s an easy fix. I’ve changed the CSS to eliminate that space on all places on your site except the individual products. Please let me know if there are any other issues here.

If you can provide the information regarding the font you want to use, we should have your product titles looking the way you want them.

Thanks for your patience.

[Cara]

Cara

#103435

2. and 3. right because like I said when I added the code and tried to change the font to mine instead os san-serif you had it did not change so I removed the code

6. My shop page does not shown a sidebar option, I looked in screen options for it and its not there

7. I did not want any white space under my secondary nav on the shop or home page (if you click on the category links in the menu not the dropdown you will see some of them take you to the wrong category page)

[Kevin]

Kevin

#103430

6. Are you adding it to your sidebar via Appearance> widgets? You’ll likely want to create a new sidebar specific for the page you want this filter on in Theme Options> Misc Settings. Then assign the widgets to that sidebar, then assign that sidebar to the page using in the page edit screen.

7. The reason for this is because you had previous CSS that got rid of the space, then you wanted the space again on another page, so I changed the CSS to get the space back on that page.

Let’s start from scratch with this. Go through your site and specify where you want this padding and I’ll adjust the CSS accordingly.