Problems with display of widget on custom layout

  • sentinelchicken

    (@sentinelchicken)


    10 years, 3 months ago

    Hi,
    I’m experiencing problems with the display of a slider widget (several of them in fact so I don’t think it’s a problem any particular widget). This page uses a custom template which I created using suffusion’s admin panel. http://www.tuscialets.co.uk/test/

    The slider is dropping below the height of the container.

    Using the developer tools (on Chrome) I can see that the container has a height of 73px and I’m unable to change this using css (it gets overridden by the value of 73px). I can’t see where this value is set.

    I’d prefer not to set the height of the container manually (css or otherwise) as I need it to be responsive on different screen sizes. I’d prefer for it to pick up the height on its contents.

    If anyone can suggest a solution I’d be most grateful.

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • SomewhatRounded

    (@somewhatrounded)

    10 years, 3 months ago

    You could try setting it to an auto height using custom css,

    .new_royalslider_widget {
    height: auto !important;
}

    The !important should override whatever was previously set, but it looks like that 73px is set as an inline style, so there might be somewhere in the theme’s settings to fiddle around with the dimensions.

    Hope that helps a little, good luck!

    SomewhatRounded

    (@somewhatrounded)

    10 years, 3 months ago

    I installed the theme and there does seem to be a section if you go to Suffusion Options > Templates > Custom Layout Template, then there’s sections to choose the height adjustment for widgets in each widget area

    Cheers!

    Thread Starter sentinelchicken

    (@sentinelchicken)

    10 years, 3 months ago

    Hi SomewhatRounded,
    Thank you so much for your replies. Both were very helpful. By removing the height adjustment so that each widget keeps its own height, the slider now fits in its container.

    Without the auto height adjustment, the page won’t look so professional though. I can’t work out why when the template calculates the height across a row it goes for the smallest widget, rather than the largest one. That seems crazy!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Problems with display of widget on custom layout’ is closed to new replies.