Slider Image Class/Id

  • graftedin

    (@graftedin)


    7 years, 2 months ago

    Is there a reason the slider image on the home page doesn’t have a class or id? It REALLY needs one because if I need to hook it to adjust its size (or something else) its less accurate to do .slick-current img than if I do .slick-current img.main-slide-image. And then each slide’s parent div should have an id related to the page id. For example .slick-current.my-page-id-27 img.main-slide-image would allow me to select the exact image that isn’t fitting correctly and then let me fix it with css.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Acme Themes

    (@acmethemes)

    7 years, 2 months ago

    Hello graftedin ,

    We really appreciate your suggestions.

    Alternatively you can obtain same result by using CSS :nth-child() Selector.

    From our understanding you can select particular slide image using following custom CSS:

    1st Slide Image:

    .featured-slider .item.slick-slide:nth-child(1) img {
    height : 1000px;
}

    2nd Slide Image:

    .featured-slider .item.slick-slide:nth-child(2) img {
    height : 1000px;
}

    and so on… From this method you can select anything inside the slider.

    Also fixing height and width of image with CSS is not good idea, image distortion issue will arise. This is the same reason, we cannot fix the height and width of the image using CSS.

    If you look at the theme options you will find Feature Slider Image Display Options on Appearance => Customize => Featured Section Options => Feature Slider Selection
    – Full Screen Background , regardless of image height/width , it will display image as background ( center part of the image )
    – Responsive Image, this option will display image on the proportion of original height and width. For the best result, you have to use same proportion of image on slider pages depending on the text characters of your slider.

    We believe if you follow above solutions most of your issues on this theme will be fixed.

    If there is still any queries , please let us know.

    [ Signature deleted ]

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    7 years, 2 months ago

    @acmethemes Thanks for the great support but please lose the signature. That’s prohibited in these forums as it’s been horribly abused in the past by others.

    Best Regards!
    Acme Themes

    Yes, bad people ruin it for others. No, I am not kidding. Please refrain from that.

    https://ww.wp.xz.cn/support/guidelines/#avoid-signatures

    Thread Starter graftedin

    (@graftedin)

    7 years, 2 months ago

    Nth child assumes that no other slides will be added before the slide we are trying to adjust. In my situation nth child probably could have worked but it would be a cleaner solution if we had classes and ids like I suggested.

    I found the spot in the code to add these In about 2 minutes so I also know its really not that complicated to make this change.

    Theme Author Acme Themes

    (@acmethemes)

    7 years, 2 months ago

    Hello graftedin ,

    Yes you are right Nth child should be used after finalizing order of slides. As we said before We really appreciate your suggestions and will try to implement it on next version of the theme.
    And yes it is not difficult for someone who know the code, need to add code ( ID of page ) on this file

    To edit theme we strongly recommend to use child theme or hook present in the theme.

    Let us know if you have further queries.

    @jdembowski we will follow signature guideline on our future support

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Slider Image Class/Id’ is closed to new replies.