[oik] plugins.com

WordPress plugins and themes

  • Home
  • About
    • lazy shortcodes
    • smart shortcodes
    • oik base plugin
      • oik – donate
      • oik PayPal buttons
      • oik installation
      • oik Button Shortcode button
      • oik changelog
      • oik FAQ
      • oik plugins on SVN
      • oik plugins on GitHub
  • Plugins
    • oik base plugin
    • FREE oik plugins
    • WordPress plugins
    • Premium oik plugins
    • Bespoke oik plugins
  • Shortcodes
    • Shortcode examples
  • Blocks
    • Block examples
  • APIs
    • ALL action and filter hooks
  • Blog

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×268Stansted-beeches-facing-East-Pascal theme 630×235

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

See also

  • oik-css to define, and display, the custom CSS required.
  • oik-rwd to generate dynamic CSS classes for Responsive Web Design

Published: July 30, 2014 | Last updated: July 30, 2014

Information

Shortcode: nivo – Display the nivo slideshow for attachments or other post types
Letters:

Syntax

Syntax

[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"]

Other examples

  • [nivo class=w50pc] – half width nivo slider
  • How to fix the height of the nivo slider – default theme
  • How to fix the height of the nivo slider – oik theme
  • How to set the initial height of the nivo slider – bar theme
  • How to set the initial height of the nivo slider – dark theme
  • How to set the initial height of the nivo slider – default theme
  • How to set the initial height of the nivo slider – light theme
  • nivo slider displaying images and their captions
  • nivo slider with offset parameter and numberposts
  • nivo with advanced caption
  • nivo with captions but not links

Plugins

  • All Plugins
  • oik base plugin
  • FREE oik plugins
  • WordPress plugins
  • Premium oik plugins

Themes

  • FREE themes
  • Bespoke themes
  • Premium themes

Blocks

  • All Blocks
  • Block examples
  • About Blocks

Shortcodes

  • All Shortcodes
  • Shortcode examples
  • About Shortcodes

Reference

  • About APIs
  • All APIs
  • All Classes
  • All Files
  • All Hooks

Support

  • Contact
  • Cookies policy
  • Get API key
  • Privacy
  • Request support
  • Sitemap
  • Stay informed
  • Terms and Conditions
oik-plugins
Email: oikplug@oik-plugins.com

Weight shipping plugins

Find out which cart weight shipping plugin you need for your WooCommerce site.
Which cart weight based plugin do I need?

Site:  www.oik-plugins.com
© Copyright oik-plugins 2011-2023. All rights reserved.


Website designed and developed by Herb Miller of Bobbing Wide
Proudly powered by WordPress and oik-plugins
WordPress 6.2.2. PHP: 7.4.33. Memory limit: 768M