Return to previous page

IDStore Feature Product Slider on homepage misalignment

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

  • Avatar: JYNG
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: JYNG
    JYNG
    Participant
    November 2, 2014 at 17:28

    Sure,

    Please see private content.

    Thanks

    Joe

    Please, contact administrator
    for this information.
    #22874 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    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
    Avatar: JYNG
    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
    Avatar: Robert Hall
    Robert Hall
    Participant
    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
    Avatar: JYNG
    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
    Avatar: Robert Hall
    Robert Hall
    Participant
    November 4, 2014 at 18:06

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

    Regards,
    Robert Hall.

    #23140 Copied
    Avatar: JYNG
    JYNG
    Participant
    November 4, 2014 at 18:20

    Excellent, Thank you!

    #23145 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    November 4, 2014 at 18:21

    You’re welcome!

    Regards,
    Robert Hall.

    #23148 Copied
    Avatar: JYNG
    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
    Avatar: Robert Hall
    Robert Hall
    Participant
    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
    Avatar: JYNG
    JYNG
    Participant
    November 4, 2014 at 19:50

    That worked. Thanks again!

    I’ll send a screenshot about the menu shortly

    #23179 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    November 4, 2014 at 19:54

    You’re welcome!

    Regards,
    Robert Hall.

    #23182 Copied
    Avatar: JYNG
    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
    Avatar: JYNG
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: JYNG
    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
    Avatar: JYNG
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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: , , , , , ,

  • 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Electronics Store – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
Bakery Store – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.