Return to previous page

How do you create the top menu dropdown?

This topic has 2 replies, 2 voices, and was last updated 7 years, 7 months ago ago by Olga Barlow

Raoul

Participant

September 21, 2016 at 15:58

I own 3 of your themes. They are all outstanding and your support is great. I’ve scoured through the forums and I still need a little bit of help with a few things on XStore:

1. How do you create the dropdowns in the top bar? In the demo you have dropdown menus with arrows. I’ve tried creating lists but that doesn’t work. Is there a shortcode?

2. In the top bar there is a tooltip that says “open panel”. How can I change this text?

3. The reviews are stars. Can you direct me to the image that I can change to make stars something else? I can change colors, just want to use different icons.

4. The lightbox background is black. How can I change this to another color?

5. I have a mega menu that I’m happy with but I want to know if it’s possible to change the a:hover color on each item individually. In other words, is there a way to add a hover color to each menu item?

6. On the quickview I want to add a little bit of padding to the bottom of each image. How can I do that? The dots that show the alternate images is currently over the product. I want them to appear below each product.

7. Is it possible to add a bottom border to the sticky menu?

8. On the “shop” page, you can create a “categories” sidebar. This area is a solid, filled square (or rectangle). I want to make this have a white bg and have a thick, square border much like on my home page. Can you tell me how to do this?

9. In the demo you use several complex sliders. These are not included with the dummy content. How do you get those?

Thank you all for creating some of the best themes on Envato. Keep it up.

Please, contact administrator
for this information.

#140341 Copied Theme version: 2.0 WooCommerce version: 4.6.1

1 Answer
Olga Barlow

Support staff

September 22, 2016 at 15:17
Hello,

Thank you!

1. We have created menu with custom links/Pages (Appearance > Menus) and then just added Custom menu widget into top bar widget area.

2. You may use translation file to change this or any other text in our theme or XStore core plugin. Install Loco Translate plugin and follow instructions https://www.8theme.com/demo/docs/xstore/#translation

3. Add the following in Theme Options > Styling > Custom CSS:
.star-rating span:before {color: your_color;}

4. .mfp-bg { background: your_color;}

5. There is no such option in our theme. You may just add class for every menu item you want to change and then add custom css to change color.

6. There is some space because description next to image is bigger than image. If you want to move dots below image add the following:
```
.quick-view-popup .main-images .owl-pagination {
    position: static;
    margin: 10px 0;
}
```
7.Our theme has it by default http://prntscr.com/cl1tbt

8. You can change the color `.widget_product_categories .widget-title { background-color: #fff;}
.sidebar-widget.widget_product_categories .widget-title, .wpb_widgetised_column .widget_product_categories .widget-title { color: #1a1a1a;}
` but there is no option to add checkboxes. WooCommerce Categories widget has only list or drop-down options.

9. Are you talking about slider on Woman category page?

Regards
#140477 Copied
Tagged: create, guide, templates, top menu dropdown, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)