css code to resize posts slider

Home Forums Premium Themes Support Forumcss code to resize posts slider iFeaturecss code to resize posts slider css code to resize posts slider

This topic contains 4 replies, has 2 voices, and was last updated by  Pallavi Chanodia 4 days, 14 hours ago.

  • Author
    Posts
  • #291280

    hasand
    Participant

    Hi.
    I’m using ifeature pro on gamerpunk.net
    I’m setting up post sliders on each page according to different post categories.
    is there a few lines of css code I can add that universally resizes the size of all posts sliders. I’d like the slide size to be around 25% of its current size.
    Thanks
    H

  • #291480

    Pallavi Chanodia
    Keymaster

    Hello,

    Thanks for reaching out to us. Only css changes are not sufficient to resize the post slider. It will need design changes as well to maintain the look and responsiveness. I hope this is clear. Feel free to let me know if there are any more queries
    Thank you

    Have a nice day

  • #292062

    hasand
    Participant

    Hi Pallavi
    Thanks for the response.
    Can you give me some pointers as to how I can go about resizing the post slider?
    It’s a really handy feature; less time-consuming and far easier than having to create post-category specific sets for Carousel or Cyberchimps slider.
    Thanks
    H

  • #292063

    hasand
    Participant

    Hi
    Thanks for the response.
    Can you give me some pointers on how I can go about resizing the posts slider.
    Its a really handy feature; far easier and less-time consuming than having to create post category specific sets of images and links for a carousel or cyberchimps slider.

  • #292218

    Pallavi Chanodia
    Keymaster

    Hello,

    Please go to theme folder and open the file inc/post-slider.php. Find the div <div class="col-4 post_slider_col">. You can change the class from col-4 to some other to reduce the div size. You may need to change the code also here so that after reducing the width all images should fit in the container. Also check css file inc/css/slider.css. You will need to update the css in here also. I suggest to add custom css instaed of updating this css file.

    Also it is advisable to create a child theme to do the changes in theme so when theme gets updated your changes will be safe. For more details on child theme check this – https://codex.wordpress.org/Child_Themes

    I hope it helps.
    Thank you

You must be logged in to reply to this topic.