{"id":14175,"date":"2017-09-05T13:41:40","date_gmt":"2017-09-05T13:41:40","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=14175"},"modified":"2023-07-31T10:24:04","modified_gmt":"2023-07-31T10:24:04","slug":"scrolling-content-blocks","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/wpbackery\/scrolling-content-blocks","title":{"rendered":"Scrolling content blocks"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]Within Ronneby theme you may create the smoothly scrolling section of any content using amazing super stylish custom-made modules which allows you to set a background (video or image) \u00a0with content over it.<\/p>\n

This is a nested shortcode \u2013 module that includes other modules. You may style the container and then fill it in with elements.<\/p>\n

Check \u00a0the examples of the modules on the Scrolling content blocks page.<\/a><\/p>\n

Scrolling content blocks<\/h3>\n

The content is displayed on the background with the background color set and amazing animation effect in the end of the scrolling section.<\/h4>\n

General settings<\/h5>\n

\"\"<\/strong><\/p>\n

    \n
  • Animated background\u00a0color –\u00a0 <\/b>specify the background color for animation before and after the content block.<\/li>\n
  • Custom CSS class<\/strong>\u00a0\u2013\u00a0enter our\u00a0own unique class name for the item \u2013 this is a useful option for those who want to create a specific style. E.g.: you can type\u00a0custom-style\u00a0<\/strong>class and then go to\u00a0Theme options<\/del>\u00a0General options<\/del>\u00a0Custom CSS\/JS<\/del>\u00a0Custom CSS<\/del>\u00a0field and write your own CSS code with this class to get your own style.<\/li>\n<\/ul>\n

    Scrolling content blocks 2<\/h3>\n

    The content is displayed on the as the One page Scroll layout with navigation dots aside if enabled.<\/h4>\n

    \"\"<\/p>\n

      \n
    • Dots navigation<\/strong> – set it to Enable<\/strong> to display the dots navigation.<\/li>\n
    • Custom CSS class<\/strong>\u00a0\u2013\u00a0enter our\u00a0own unique class name for the item \u2013 this is a useful option for those who want to create a specific style. E.g.: you can type\u00a0custom-style\u00a0<\/strong>class and then go to\u00a0Theme options<\/del>\u00a0General options<\/del>\u00a0Custom CSS\/JS<\/del>\u00a0Custom CSS<\/del>\u00a0field and write your own CSS code with this class to get your own style.<\/li>\n<\/ul>\n

      [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"

      Amazing modules which allow you to set a background (video or image) while the modules will be smoothly scrolled over it.<\/p>\n","protected":false},"author":29,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[47,22,33],"_links":{"self":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/14175"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=14175"}],"version-history":[{"count":5,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/14175\/revisions"}],"predecessor-version":[{"id":15575,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/14175\/revisions\/15575"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=14175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=14175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=14175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}