Home Forums Pro Themes Onefold Pro Size of slider images.

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #28518
    PineapplePR
    Participant

    Hi there, I am trying to change width and height of my homepage slider in OneFold Pro so that it doesn’t appear extremely large when it is on a large screen.

    I tried to add this code into custom CSS, but nothing happened. Am I missing a step? Do I need to add somewhere else?

    div#main-slider {
    height: 400px !important;
    width: 600px !important;
    }

    #28596
    wensolutions
    Keymaster

    Hello @PineapplePR,

    You can decrease the height of the slider to make it smaller for the larger devices.

    However, we would like to recommend you use the proper media query and CSS targeted specifically for larger screens as the CSS you are trying will run across regardless the screen size that might hamper the responsive layout of the theme.

    Please use the following custom CSS targeted for the larger screens only to decrease the height of the slider only in the desktop screens without impact on other devices in your Admin Dashboard > Appearance > Customize > Additional CSS :

    @media only screen and (min-width: 1200px) {
    
    div#featured-slider {
        height: 400px!important;
    }
    
    #main-slider .cycle-caption {
        bottom: 43%;
    
    }
    
    #main-slider .cycle-prev, #main-slider .cycle-next {
    
    bottom: 42%
    
    }
    
    #main-slider .cycle-pager {
    
    bottom: 41%
    
    }
    
    }

    Hope this helps,

    Best Regards !!

    #42148
    Esther
    Participant

    Can you please tell me what the recommended size is for the slider picture?

    #42149
    wensolutions
    Keymaster

    Hello @esthervoorpubliek-nl,

    The Recommended size of image for the slider image as described in the “Featured Image” metabox in onefold pro theme is 1350px X 590px.

    If you have any queries further, please feel free to post them here.

    Hope this Helps,

    Best Regards !!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.