0
Welcome Guest! Login
0 items Join Now

Changing Slideshow Height in Theme Myriad

Last Post
Search Topic

  • Changing Slideshow Height in Theme Myriad

    Posted 9 years 1 week ago
    • How... where do I control the height on the slideshow for MYriad Template?

      Thanks in advance.
    #1290690
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: Changing Slideshow Height in Theme Myriad

    Posted 9 years 1 week ago
    • The Myriad template uses the full page always by design. But if you want to change it you can use this custom CSS...
      div#rt-slideshow, div#rt-slideshow .sprocket-features-img-list {
    max-height: 70vh !important;
}

      70vh means 70% of the viewport height.

      This is how to create a custom CSS compatible with Gantry 4...

      Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_iridescent would be rt_iridescent-custom.css). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"

      Regards, Mark.

    • The following users have thanked you: athenasennes, Biller

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1290698

Time to create page: 0.056 seconds