Return to previous page

IDStore Feature Product Slider on homepage misalignment

This topic has 20 replies, 3 voices, and was last updated 10 years ago ago by Eva Kemp

JYNG

Participant

November 1, 2014 at 23:38

Hello,

I’m using the IDStore template Version 3.5 and have the following issue:

The Feature Product and other product sliders on the home page are aligning to the left and the scroll arrows show up hard rt. I would like it to be centered like on the demo. I do not see anywhere to change/correct this.

Thanks in advance!

Please, contact administrator
for this information.

#22826 Copied

19 Answers

Eva Kemp

Support staff

November 2, 2014 at 12:29

Hello,

Have you made any changes in original theme files?
Please provide us with FTP credentials as well.

Thank you.
Regards,
Eva Kemp.

#22847 Copied

JYNG

Participant

November 2, 2014 at 17:28

Sure,

Please see private content.

Thanks

Joe

Please, contact administrator
for this information.

#22874 Copied
Robert Hall

Support staff

November 3, 2014 at 15:52
Hello,

Please add this code into custom.css file.
```
.product-slider{
width:1200px;
margin:auto;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#22958 Copied
JYNG

Participant

November 4, 2014 at 16:19

Hi, Thank you, that works. I appreciate your help!

I have a few more questions.

1- How do change the size of the image presented in the product slider? Let’s say I only have 3 product images in the slider and want to make them larger to fill out the space and line up with the main slider above?

2- Also, the custom css worked but I noticed that if I put at least 5 images in the slider, the arrows do not show on the right to scroll.

3- Alot of white space under the product slider on the Home pg. I placed a banner under the slider but it gets forced down about 2-3 inches. How/where can I adjust?

I also have an different question from this, I noticed that the logo does not show up on the Home pg when using Safari and Chrome. Firefox works fine. It does show after scrolling down but not when first going on the pg.

Thanks again in advance!

Regards,

Joe

Please, contact administrator
for this information.

#23107 Copied
Robert Hall

Support staff

November 4, 2014 at 16:35
Hello,

1) As I see you have 4 products now. Maybe you have another slider?
2) Where is placed the slider with 5 images? Please provide us with link.
3) Try to add this code into custom.css
```
.product-slider {
height:450px;
}
```
Regards,
Robert Hall.
#23114 Copied
JYNG

Participant

November 4, 2014 at 17:47

Hi Robert,

Thanks!

This is the only product slider on the Home page. So I now have put 3 images in the slider and would like to know how to resize the images? I would like to make them larger. Right now I have the product slider width at 900px to center the 3 products. Earlier, I had 4 product images in the slider with a width of 1200px to make that product slider closer aligned with the main slider above it. So now I would like to fit just the 3 products in the 1200px.

Regards,

Joe

Please, contact administrator
for this information.

#23137 Copied

Robert Hall

Support staff

November 4, 2014 at 18:06

I’ve made some changes in custom.css. Check it please.

Regards,
Robert Hall.

#23140 Copied

JYNG

Participant

November 4, 2014 at 18:20

Excellent, Thank you!

#23145 Copied

Robert Hall

Support staff

November 4, 2014 at 18:21

You’re welcome!

Regards,
Robert Hall.

#23148 Copied

JYNG

Participant

November 4, 2014 at 18:39

Hello,

I have a few more “quick” questions.

– In Safari and Chrome the logo is not showing at the top left. What can i do for that?

– I would like to use the mega menu with my current header layout but the default drop down menu is set. How can I switch to the mega and keep the same header layout?

Regards,

Joe

#23158 Copied
Robert Hall

Support staff

November 4, 2014 at 19:32
1) Try to add this code into custom.css file.
```
.header-type-variant2 .logo{
float:left;
}
```
2) Could you please clarify with more details what exactly you want to do and show us screenshots?

Regards,
Robert Hall
#23174 Copied
JYNG

Participant

November 4, 2014 at 19:50

That worked. Thanks again!

I’ll send a screenshot about the menu shortly

#23179 Copied

Robert Hall

Support staff

November 4, 2014 at 19:54

You’re welcome!

Regards,
Robert Hall.

#23182 Copied

JYNG

Participant

November 4, 2014 at 22:45

Please see below.

or here:
http://fsfiles.org/flightsimshotsv2/images/2014/11/04/HvBQK.jpg

#23207 Copied

JYNG

Participant

November 6, 2014 at 13:30

Hello,

Thanks again, I appreciate all of your help!

I see you haven’t responded to this last question.

Since this is different then the original subject/question, should this be a separate subject/ticket/request?

I have a few other questions about some smaller adjustments also.
– I used the custom code for the “feature Product” slider on the homepg but its not responsive and also if I add more products, the arrows do not show and con not scroll.

– On the single product pg, the thumbnail images below the product image are not showing correctly.

Thanks again in advance!

Regards,

Joe

Please, contact administrator
for this information.

#23479 Copied

Eva Kemp

Support staff

November 6, 2014 at 18:07

Hello,

Concerning the menu request we don’t have such options in the theme.
You may try to use some plugin to achieve what you want.

Please update Woocommerce plugin. It may fix the issue with slider and gallery images.

Thank you.
Regards,
Eva Kemp.

#23548 Copied

JYNG

Participant

November 6, 2014 at 20:17

Rt, I know it’s not an option. I’m asking if you can help show me how to take the mega menu code and make it work in my current header instead of the basic drop down?

I will try the update the plugin but the slider was not aligning correctly before, so someone here helped by giving me the custom css. Which worked but now the scroll does not work. Is there other css I need to apply to the custom css?

Thanks

Joe

Please, contact administrator
for this information.

#23567 Copied

JYNG

Participant

November 6, 2014 at 20:29

Also, Quick issue. Not sure how this happened but the Featured Products on the Home pg is showing 4 products. The 4th one is showing in part below the others and on top of a banner. You can see the “New” tag along the left side of the Amazon banner. I untagged all featured products except for 3. So in theory there should only be 3 products showing in the slider.

What can I do to fix this?

Thanks

Joe

Please, contact administrator
for this information.

#23570 Copied

Eva Kemp

Support staff

November 8, 2014 at 15:08

Hello,

Please update the theme to the latest version – 3.6.

Thank you.
Regards,
Eva Kemp.

#23794 Copied
Tagged: best selling, feature, idstore, product, slider, themes, woocommerce
Viewing 20 results - 1 through 20 (of 20 total)

The issue related to '‘IDStore Feature Product Slider on homepage misalignment’' has been successfully resolved, and the topic is now closed for further responses

IDStore Feature Product Slider on homepage misalignment

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection