portvista.blogg.se

Push hero slider under header
Push hero slider under header













push hero slider under header

Optimal value is “Center Center” in the case of a full screen background image and “Top Left” incase of a pattern.

push hero slider under header

Background PositionĬhoose where you want your background image to be positioned. Property is Forced to use Scroll attachment in mobile devices. Choose Fixed Position if you are going to use Parallax effect. Background AttachmentĬhoose between Fixed or Scroll. Choose No Repeat in the case of a Background Image. Repeat horizontal or Vertically or Both in the case of a pattern. For a Full screen image, an optimal size would be about 1920px x 980px. Upload / Select an Image or Pattern from the Media Library. If no image is uploaded just the color will be used Background Image Note – The content will not apply if the Hero Section Type is ‘Slider’īackground Image/Color : Background ColorĬhoose a Color, that will be applied beneath the image. The content to be displayed over the image/video in the should be given here. For example if you would like the hero section to be 200px, enter 200 here. Use this setting if you would like to have a custom height. Custom Height (in pixels )īy default the Hero Section, be it the slider style or the background image type, occupies the full screen’s height. For this to work the Hero Section type needs to be set as Slider. Copy the Shortcode which the plugin provides and paste it here. Create your slider using one of those plugins or import one of the sample sliders used in our demos. Oshine comes with two of the most popular premium slider plugins in the market, namely the Master Slider and Revolution Slider plugins. To disable a hero section, choose the type as NONE. STICKY HEADERĪpart from the global setting in the Options Panel under OSHINE OPTIONS > TOP HEADER SETTINGS, you can use this option individually in each page have the header float along at the top as you scroll down a page.Ĭhoose between a Slider and Background Image / Video. So if you background image is dark in color, choose a light color scheme will make sense as the logo and navigation. In the case of the Transparent or a Semi Transparent Header, choose between dark or light color scheme for your logo and navigation based on the color scheme of your hero section background image. General Settings : Header Background Style:Ĭhoose between a Default ( Solid Color ) header or a Transparent or a Semi Transparent header Logo & Navigation Color Scheme: There Options available are split across 6 tabs. This article explains each of the option available in the Hero Section metabox.















Push hero slider under header