Example page for WIP site here with Venture 1.3.3:
nearmiddlefar.com/galleries.html

Is it possible for the background slideshow height to remain fixed at 300px?

I am seeing some unexpected behavior with the height of the background slideshow area when I re-size the web browser. I am using a 300px height single image. When I re-size my browser, the height of the slideshow area changes to 460px high, and it stays that height unless I refresh my browser.

In looking closer at the CSS it seems there are multiple inline CSS ids and classes that reference a height or minimum height of 460px: image-wrapper, banner-overlay, backstretch, top-area.

I have tried overriding these height settings to 300px in custom.css, but without success.

Is it possible to have the backstretch height to remain fixed at 300px, and if so how do I implement that?

Thanks in advance for your help!

Hi Paul,

If you need to override inline css you need to use !important
However

Resizing the browser isn't a good way to test for responsiveness as the js fires on browser load so to replicate the behaviour on a particular screensize you would need to refresh after resizing

If you want the banner reduced you may also need to wrap the divs in a media query

Cheers

Hi Paul -

Thanks for your quick response! It looks like using !important is getting me almost all of what I want. So I have one more question:

Is there a way to specify those CSS !important entries so that they target every page of the site *except the home page*?


Best,

paul

Hi Paul,

yes you can use the html classes to target pages

e.g. .itemid-406 is the home page

Cheers
Paul

An example of this



Cheers
Paul

Thanks again, Paul - you gave me exactly what I needed to solve this!

You're welcome

Cheers
Paul