Return to previous page

Xstore - by hadoo - on WordPress WooCommerce support

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

hadoo

Participant

October 24, 2016 at 18:38

Hi dear and thanks alot for your amazing theme,
I have some questions can you please solve theme?

1- How can i make the top logo bigger?

2- How can i change the header color?

3- How can i change hight of baner with mask lable? (the color line).

4- How can i give some transparent balck color to product when i take mouse on product because without color the details are not visible nicely.

web address: http://razzor-shop.de/newsite/

with best regards

#143774 Copied

9 Answers
Olga Barlow

Participant

October 25, 2016 at 09:42
Hello,

Your site looks very nice!

1) Add the following code in child theme style.css or in custom css

@media only screen and (min-width: 992px){ .header-wrapper.header-two-rows .left-wrap {width: 37%;} .header-wrapper.header-two-rows .header-logo {width: 26%;} .header-wrapper.header-two-rows .right-wrap {width: 37%;} }

2) Go to Theme Options > General > Header Settings > Header background

3) Edit banner element and change the paddings http://prntscr.com/cympeg
4) You may add the following custom css

.product-image-wrapper:hover img { opacity: 0.1 !important; -webkit-transition: 0.2s opacity ease-in-out; transition: 0.2s opacity ease-in-out; } .product-image-wrapper:hover .footer-product {padding: 20px;} .content-product .product-image-wrapper .footer-product .show-quickly { background-color: #bed154;}

Regards
#143828 Copied
hadoo

Participant

October 25, 2016 at 20:47

Hi dear,
Thanks for your amazing explain and solvation,
i have problem just with No.3 (3- How can i change hight of baner with mask label? (the color line).)
i make the padding 0px but i want it more thinner than.

and i have 4 more questions:

1- how can i remove price of products in home (i want showing the products with details but witout price)

2- do you have german translate of this template?

3- how can i change social icon in header?

4- how can i right in center of footer copyright?

With best regards

#143922 Copied
Olga Barlow

Participant

October 26, 2016 at 10:12
Hello,

You are welcome!

Add the following code in custom CSS to remove that space

.banner .banner-content p, .banner .banner-content h4 {margin-bottom: 0px;}

1) Do you want to do this on home page only or on your shop page too?
To do this for both Shop and Home pages go to Theme Options > E-Commerce > Product Page Layout > Show Price > Off . To disable prices for home page only add this code

.home .content-product .price { display: none;}

2) No, unfortunately, we don’t have German translation. But you can easy translate theme using Loco Translate plugin https://www.8theme.com/demo/docs/xstore/#translation Would very appreciate if you can share languages files after translation. Then we’ll be able to add it in theme package.

3) To change color add the following code

.topbar-widget.etheme_widget_socials .et-follow-buttons a { color: #fff; width: 30px; } .topbar-widget.etheme_widget_socials .et-follow-buttons a:hover { color: rgba(255, 255, 255, 0.8); }

Also, I would recommend to add the following code to make social icons and Sign In link in one line

.top-links ul li a {padding: 0px 10px 0 0;} @media only screen and (min-width: 992px){ .header-wrapper.header-two-rows .right-wrap .navbar-header { padding-left: 15px; }}

4) Could you provide me screenshot for better understanding?

Regards
#143970 Copied
hadoo

Participant

October 30, 2016 at 22:14

Thanks dear, you solved all of my problem, i have two more questions,

1. how can i add details in the part when mouse going on products in home?

2. how can i disable quick view and details when the mouse go on products in home?

with best regards

#144408 Copied

Olga Barlow

Participant

October 31, 2016 at 13:59

Hello,

1) What details do you want to add on hover?
2) If you want to disable Quick View go to Theme Options > E-Commerce > Quick View > Enable Quick View > Off.

Regards

#144491 Copied

hadoo

Participant

October 31, 2016 at 15:40

hi, i want add the prise in hover
and how can i link hover and image to product?

#144505 Copied
Olga Barlow

Participant

October 31, 2016 at 16:40
Hello,

1) You can do this only by additional customization (xstore/woocommerce/content-product.php file) Use child theme to add any changes in template files.
2) Go to Theme Options > E-Commerce > Product Page Layout > Image hover effect > choose Swap or Disable

Save changes and also add the following code in custom CSS

.product-view-default .footer-product { height: 50px; left: auto; }

Regards
#144514 Copied
hadoo

Participant

November 16, 2016 at 10:07

tnx and solved 🙂

#145979 Copied

Olga Barlow

Participant

November 16, 2016 at 11:51

You are welcome!

Regards

#146006 Copied
Viewing 10 results - 1 through 10 (of 10 total)