Your address will show here +12 34 56 78

Home Forums WP ESTATE – Real Estate WordPress Theme FORUM Revolution Slider Centered and Fixed Height

This topic contains 4 replies, has 2 voices, and was last updated by  Anna 3 years, 9 months ago.

  • Author
    Posts
  • #12631

    Ksearch

    Hi! I keep customizing your nice template. Now I’m working in the revolution slider for the homepage header.

    I would like it to be always centered with the content area so when the browser window gets resized, it will just crop the sides but keep the height fixed.

    Right now, the only way I got it to keep the original height is with “Fixed” option selected but I can’t align center it, just sticks to the left and keep cropping from right when the window get resized.

    Do you know how can I achieve that effect? Thanks!

    K.

  • #13131

    Anna
    Keymaster

    Hi K,

    Thank you for writing. I hope the customizations are going well.

    About Revolution Slider question, Use the Custom Settings – http://themepunch.com/codecanyon/revolution_wp/documentation/#!/main_settings

    Thank you!
    Anna

  • #13289

    Ksearch

    Thanks Anna, I’ve tried that but can’t get it to work.

    The effect I’m trying to achieve is exactly the same as wpestate.org home page:
    · Fixed height unit the browser window gets smaller than the bellow content width.
    · When the user reduce the browser window, the Slider get cropped from both left and right sides while keeping its center alignment (Right now it just crops from the right while the user resizes the browser window)

    I’m guessing maybe there is some CSS class keeping the slide container from centering in the div?

    You can take a look to the slider settings (the slider height is 350px):
    https://dl.dropboxusercontent.com/u/1409732/Screen%20Shot%202013-12-18%20at%205.30.58%20PM.png

    What do you think I could try?

    K.

  • #13295

    Ksearch

    With “Auto responsive” setting I get to keep the slider centered and crop from both sides as the window resizes. But the height start reducing as soon as users start resizing the window. This configuration could work for me uf there’s a way to keep height fixed with “Auto responsive” (until browser window match content width).

    K.

  • #14400

    Anna
    Keymaster

    Hi K,

    Sorry for the delay. I didn’t get the email and I only saw your forum post today.

    Here’s my 2cents of this topic. Since you change sliders width, height is resized accordingly. Change the slider grid to a higher “height” value. That should give you a different height on small screen resolutions.

    Let me know if it helps.

    Anna

You must be logged in to reply to this topic.