How to set the initial height of the nivo slider – oik theme

How to set the initial height of the nivo slider, using the oik theme.

If you want to set the initial height of the slider then you will need to write some CSS. This example demonstrates a method to override the CSS for the oik theme.

Example

[div class=w50p0]

[nivo id=10983,10987 theme=oik class="initial"]

[ediv]

Stansted-beeches-facing-West-Orman theme 568×268

Custom CSS

.initial { padding-bottom: 38.1831% !important; height: 0; }

Notes

This CSS only sets the initial height of the slider.
It still adjusts its height for different images.
This can cause problems if the first image is not the largest.
The custom CSS for theme=oik is the same as for the default theme

[nivo
post_type="attachment| post_type - Post type to display"
theme="default| bar| custom| dark| light| orman| pascal| oik271| default271 - Theme for the slideshow"
class="| classes - CSS classes"
link="y| n| file| full - Link the images to the target post/page or media file"
caption="y| n - Display the image title as the caption"
format="| format - field format string"
ribbon="y| n - Display the ribbon, if the theme supports it"
thumbnail="full| thumbnail| medium| large| nnn| wxh - image size"
thumbs="| n| y - Thumbnail navigation"
nav="| n| y - Control navigation"
pause="| pause - Pause time in milli seconds"
manual="| n| y - Manual advance"
effect="| random| sliceDownRight| sliceDownLeft| sliceUpRight| sliceUpLeft| sliceUpDown| sliceUpDownLeft | fold| fade| boxRandom| boxRain| boxRainReverse| boxRainGrow| boxRainGrowReverse| slideInLeft| slideInRight - transition effect"
numberposts="5| numeric - number to return"
offset="0| numeric - offset from which to start"
category="| category ID - numeric ID of the post category"
category_name="| category-slug - category slugs (comma separated)"
customcategoryname="| category-slug - custom category slug"
orderby="date| ID| title| parent| rand| menu_order - Sort sequence"
order="DESC| ASC - Sort order."
include="| id1,id2 - IDs to include"
exclude="| id1,id2 - IDs to exclude"
meta_key="| meta key - post metadata key"
meta_value="| meta value - post metadata value"
post_mime_type="| image| application| text| video| mime type - Attached media MIME type"
post_parent="| ID - Parent ID to use if not current post"
post_status="| publish| inherit| pending| draft| auto-draft| future| private| trash| any - Post status"
id="| id1,id2 - IDs of posts to display"
posts_per_page="| numeric| . - Number of posts per page. Use '.' for current value 15"]

Example

Custom CSS

Notes

See also

Share this:

Plugins

Themes

Blocks

Shortcodes

Reference

Support