This topic has 20 replies, 3 voices, and was last updated 9 years, 11 months ago ago by Eva Kemp
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!
Hello,
Have you made any changes in original theme files?
Please provide us with FTP credentials as well.
Thank you.
Regards,
Eva Kemp.
Sure,
Please see private content.
Thanks
Joe
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.
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
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.
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
I’ve made some changes in custom.css. Check it please.
Regards,
Robert Hall.
Excellent, Thank you!
You’re welcome!
Regards,
Robert Hall.
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
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
That worked. Thanks again!
I’ll send a screenshot about the menu shortly
You’re welcome!
Regards,
Robert Hall.
Please see below.
or here:
http://fsfiles.org/flightsimshotsv2/images/2014/11/04/HvBQK.jpg
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
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.
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
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
Hello,
Please update the theme to the latest version – 3.6.
Thank you.
Regards,
Eva Kemp.
Tagged: best selling, feature, idstore, product, slider, themes, woocommerce
The issue related to '‘IDStore Feature Product Slider on homepage misalignment’' has been successfully resolved, and the topic is now closed for further responses