Image size in slider

  • Resolved ljubomir69

    (@ljubomir69)


    9 years, 3 months ago

    How can slider show exact size of the image, not expand size. My slider is set at 430px height and the picture is exactly the same size but on slider is cut off. Its look like the picture is bigger then slider but it is not?

    Another question.. The “gap” between elements in builder is 30px (top and bottom padding), how can I make it 5px?

Viewing 12 replies - 1 through 12 (of 12 total)
  • Thread Starter ljubomir69

    (@ljubomir69)

    And also slider is not responsive…

    Theme Author pacethemes

    (@pacethemes)

    The slider uses the background-size: cover css property, what this does is it tries to enlarge the image as much as possible to fit in the entire background of the slide, so there is no direct way of making the image to be exact as the slide because the width of the slide depends on the user’s screen width

    You can change the section padding by editing the Section settings, check the below article
    https://pacethemes.com/knowledgebase/managing-sections/

    Slider is responsive, not sure what is the issue you are seeing

    Thread Starter ljubomir69

    (@ljubomir69)

    I don’t know if I can post a code (moderate if needed) but this is the problem:

    <section class="quest-row " style="background-attachment:fixed; padding-top:30px; padding-bottom:30px; border-top-width:0px; border-bottom-width:0px; border-top-color:#e5e5e5; border-bottom-color:#e5e5e5" id="pt_pb_section__2_1438471819">

    This I cant change: padding-top:30px; padding-bottom:30px;

    About slider.. I ad title and description and that text overlaps image when I visit website with mobile phone. See for yourself: https://www.optiwebstudio.rs

    Thread Starter ljubomir69

    (@ljubomir69)

    You cant see front page now…

    After theme update there is no part of the page edited in page builder only header and footer??

    Thread Starter ljubomir69

    (@ljubomir69)

    I fix front page with save.php file and find how to fix padding. Thanks for quick response!

    But please if you have time see the front page with some mobile device and look how the text overlaps images on slider.

    Theme Author pacethemes

    (@pacethemes)

    I see the text overlap issue on mobile devices, i believe the best way is to decrease the font size for smaller devices using a CSS media query, please expect this in the next release (most probably tomorrow)

    I have the same problem. If I set the height of the slider, than it looks fine but on mobile it will be cut off (they do recognize that, but I still don’t know how to solve that)…

    Theme Author pacethemes

    (@pacethemes)

    Hello,

    Sorry for the delayed response, i was not able to respond back as i was travelling and had limited internet access

    Are you seeing this issue even after updating to the latest version ? Does the Image cutoff or the Text ? Can you post a screenshot as it will help us in a much better way to identify the issue

    Thread Starter ljubomir69

    (@ljubomir69)

    Still the same.. Can you help me eliminate slider under some screen resolution? I can add few lines of code to custom css.. It will be solution for me and it will speed-up website for mobile users.
    Thanks in advance!

    Theme Author pacethemes

    (@pacethemes)

    Below code will hide the slider if the screen size is maximum 768px, change it as per your needs

    @media (max-width: 768px) {
.sl-slider-wrapper{
	displany: none;
}
}
    Thread Starter ljubomir69

    (@ljubomir69)

    Thnx that helps to eliminate slider for mobile users.

    Theme Author pacethemes

    (@pacethemes)

    Np, please rate the theme if you like it ?? it helps us bring you more features ??

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Image size in slider’ is closed to new replies.