Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
In another thread re controlling height of the hero panes, the suggestion was made to set the height:
“”Let’s try this. Edit the widget concerned, click Attributes top right and enter a CSS class name:
custom-hero-one
Then prefix your height rule with your new class name. Example:
.custom-hero-one .sow-slider-image-wrapper {
height: 265px;
}Repeat as required.
Can that new class= custom-hero-one be called on other pages? Or is this a single use thing?
Is there a risk from creating new classes all over the place?
(Note that for me, and I suspect most USERS, a ‘fill in the form’ solution is better than a ‘insert this CSS code in your page’ solution.)
Hi VWFeature,
Yes.
No risk.
With that said, I don’t remember the context for the reply but that’s not needed anymore. TO clarify, you can manually specify a height via the hero widget settings. Please open the hero widget and scroll down and open the Design and Layout settings group on the left. Set the height as desired. I strongly recommend using vh instead of px. px is a static unit of measurement while vh will change depending on the relative size of the browser (50vh is always half a browser window for example).
Great answer, Alex.
Suggestion
– if the vh is the recommended measurement, make that the default in the dropdowns! Right now the default is px.
Also, I’m assuming ‘responsive design’ takes care of this for different devices, but the hero widget, for example, defaults to px for padding, etc.
Suggestion
have a global setting that changes all current stuff in px to vh or vw?
I would prefer a ‘Grab and Drag’ to set things like padding, instead of having to know/calculate that 25 px is 1.5625 vw on a 1600 wide monitor.
Suggestion
have a tooltip that appears over the dropdown for dimensions. About 15 different ones show up, and that confuses newbs like me. What ARE all those? How do I choose? I’m paralyzed.
Better yet, many interfaces have different settings: Basic, Advanced, Expert. That lets experts expose more choices, while setting good defaults for beginners.