Return to previous page

2 minor issues with XStore theme - by Nikar

This topic has 10 replies, 3 voices, and was last updated 6 years, 11 months ago ago by Max Mullins

Nikar

Participant

May 18, 2017 at 11:20

Hi,

Pls visit my site here: https://goo.gl/mBjl3k (based on the XStore-Bakery theme).

1) Scroll down to the SHOP section. When you hover over the product thumbnails (Test Product 1 etc.), the additional thumbnail image of that product slides up together with the “Add to Cart” button. How do I only make the “Add to Cart” white button show up?

2) Is it possible to change the background of the container? Currently, it’s a pale light biege color, I would like to tile a texture pattern on it.

Thanks!

#163431 Copied

9 Answers

Max Mullins

Participant

May 18, 2017 at 12:25

Hello,

1. I see that button is already fixed to the bootom of the product image. Have you managed to make it or we sould assist you further.
2. Please clarify your request with more details or provide us with screenshot of the element you would like to paint differently. You may use such screenshot maker as Lightshot

Regards,
MaX Mullins

#163440 Copied

Nikar

Participant

May 18, 2017 at 15:48

Hi thanks for your fast reply.

1) No, the problem is not with the button. It’s that image that appears together with the button.
Visit https://goo.gl/mBjl3k , scroll down to the Shop section, then hover your mouse over the product image. You’ll see there’s this red human image sliding up together with the white button. I would like to know how to remove that red human image.

2) Pls see this image to see what I’m referring to: https://i.gyazo.com/e8ef11a31693a31d606ee3daced8ad80.jpg

Thanks!

#163475 Copied
Olga Barlow

Support staff

May 19, 2017 at 13:58
Hello,

1) This is swap effect for the products (Theme Options > E-Commerce > Product Page Layout > Image hover effect). So, either disable the hover effect or remove images from the product gallery http://prntscr.com/f9o60y

2) Unfortunately, at present, you can use the only color for the container background http://prntscr.com/f9o871 You can try custom CSS to add the pattern for the container
```
article.content-timeline2 .timeline-content, .select2-results, .select2-drop, .select2-container .select2-choice, .form-control, .page-wrapper, .cart-popup-container, select, .quantity input[type="number"], .emodal, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, #searchModal, .quick-view-popup, #etheme-popup, .et-wishlist-widget .wishlist-dropdown, textarea.form-control, textarea
{background-repeat: repeat;
 background-position: center top;
 background-image: url(your_url);
}
```
Regards
#163585 Copied
Nikar

Participant

May 20, 2017 at 07:06

Hi, thanks a lot!

The above 2 issues are fixed.

I’ve 4 issues currently. Pls see screenshots:

1) https://i.gyazo.com/d544af10abac9f9d50dbd763ceec4190.png

2) https://i.gyazo.com/ab07d496e44331b70ac95615c4481181.png

#163663 Copied

Olga Barlow

Support staff

May 20, 2017 at 11:37

Hello,

1) Use the following custom CSS and change the padding value
.header-center .header-logo {padding: 24px 0;}
2) .navigation-wrapper .menu-inner {border-bottom: none;}
3) Go to Theme Options > General > Header Settings > set background size for your header image to “Contain”.
4) Go to Theme Options > General > Breadcrumbs > and disable breadcrumbs if you don’t want to use them.

Also, you can disable breadcrumbs for some pages only. To do this edit page, scroll down to Layout Options and change breadcrumbs type to disable.

Regards

#163669 Copied

Nikar

Participant

May 20, 2017 at 16:36

Hi, thanks a lot as usual.

The above issues are fixed now, but there’s 2 minor ones:

1) For some reason, the logo in the header is now positioned towards the right. How do I put it back in the center again?

2) On the home page, scroll down to the “The Story” section. Then, see this screenshot here:
https://i.gyazo.com/92701abb3b1eb6263cac520a7408f3ce.png

Thanks!

#163677 Copied
Max Mullins

Participant

May 22, 2017 at 13:52
1. Hello, Nikar.
You may go 2 ways. The first one is to select header type to centered variants of logo in it using themeoptions->styling->header.
2. Continue with adding custom.css for header:
```
.header-center .header-left{width:0%}
.container-wrapper .header-logo{width:100%}
```
3. Please adjust paddings manually as they are set to 35px by default in Visual Composer element. You may set any value or even 0px to change them.

Regards,
Max Mullins
#163781 Copied
Nikar

Participant

May 22, 2017 at 15:59

Thanks a lot!

#163813 Copied

Max Mullins

Participant

May 22, 2017 at 16:02

You are always welcome!

Regards,
Max Mullis

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