0
Welcome Guest! Login
0 items Join Now

RokSprocket - Limit Image Sizes so module doesn't bounce around

    • Michael's Avatar
    • Michael
    • Hero Rocketeer
    • Posts: 448
    • Thanks: 2

    RokSprocket - Limit Image Sizes so module doesn't bounce around

    Posted 10 years 7 months ago
    • Hello, I have been trying for a long time to figure out a solution on this.

      The problem is with most styles of RokSprocket, if the associated images to articles are not all the same size, the module will slide up and down as the images change.

      I setup a sample on a page on my site.
      www.slopeedge.net/previews-1

      I have tried the image resize option in the module options but doesn't seem to have an effect. Is there a way to specify a maximum size in height for images? This way I could specify a size that the images would all at least have and avoid the module bouncing the pages up and down as it changes.

      Any help or suggestions would be great.

      The reason for all of this is alot of our content is news and most images are different sizes or cropped, so to force a specific image size or aspect ratio is not possible.

      Another popular module, RAXO , allows you to set the image size and it will either crop or stretch the image and center it to fit that size. Any way to do this in RokSprocket?

      Thank you in advance.
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: RokSprocket - Limit Image Sizes so module doesn't bounce around

    Posted 10 years 7 months ago
    • Add this to your custom stylesheet file
      .sprocket-features-img-container {
      max-height: 422px;
      }

      This is how you create a custom stylesheet file...

      www.gantry-framework.org/documentation/j...custom_stylesheet.md

      When we release upgrades template files will change and you will have to reapply all your changes again (that's if you can remember where they all are). If you keep your changes in a separate Custom CSS file you'll have no issues upgrading.
    • Check my services at: Mihha-Vision

Time to create page: 0.068 seconds