0
Welcome Guest! Login
0 items Join Now

Rokbox from Rokgallery - 100% width on open

Last Post
Search Topic

  • Rokbox from Rokgallery - 100% width on open

    Posted 10 years 3 weeks ago
    • Hey everyone. I'm working on a project that I need a Rokgallery full image to open full width in RokBox. I have the link set up to a Full image RokBox 2 in my parameters. I know there is little icon in the top left of the rokbox image that when I click, it will open full width. I'm trying to bypass clicking on that though.

      Currently it opens full height to the browser window.

      Hope that made sense.

      worldofgreycomic.com/

      If you click the main comic image, that should give you a better idea.

      If anyone has found a good way to implement comic book pages on a site, I would love to hear how you did it.

      Thanks,

      Craig


      Currently using a Gantry base template for testing.
    #1190233
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22281
    • Thanks: 3225
    • messin' with stuff

    Re: Rokbox from Rokgallery - 100% width on open

    Posted 10 years 3 weeks ago
    • This is my best "first draft" code on this... I already spent too much time on it so hopefully it'll get you going in the right direction:
      .rokbox-container.rokbox-type-image, .rokbox-content, .rokbox-content img {
    max-width: 100% !important; 
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
}

      This is how to create a custom CSS override file 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."gantry"). 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"

      More here: www.gantry-framework.org/documentation/j...custom_stylesheet.md
      Even more here: www.rockettheme.com/forum/free-joomla-st...-or-less-custom-file
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    #1190252

Time to create page: 0.060 seconds