Return to previous page

Xstore - by hadoo - on WordPress WooCommerce support

This topic has 10 replies, 2 voices, and was last updated 8 years 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

Support staff

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

Support staff

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

Support staff

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

Support staff

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

Support staff

November 16, 2016 at 11:51

You are welcome!

Regards

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