0
Welcome Guest! Login
0 items Join Now

Content Cubes particle in Helium - Stop faded image and zoom

  • Content Cubes particle in Helium - Stop faded image and zoom

    Posted 3 years 8 months ago
    • Hello, my site is located at www.railfans.ca

      I want to adjust the Content Cubes particle so that it is always displayed as if the mouse is over the images. Currently it fades the images and zooms in when not moused over, but I want it to always be not-faded and zoomed out (like when you mouse over).

      Is there any way to lock it this way always?

      Thank you.
    • Last Edit: 3 years 8 months ago by Shane Seguin.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Content Cubes particle in Helium - Stop faded image and zoom

    Posted 3 years 8 months ago
    • Use this code...
      .g-contentcubes .cube-items-wrapper .cube-image-wrapper img {
          -webkit-transform: scale3d(1, 1, 1);
          -moz-transform: scale3d(1, 1, 1);
          -ms-transform: scale3d(1, 1, 1);
          -o-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
      }
      .g-contentcubes .cube-items-wrapper .cube-image-wrapper::after {
        content: none
      }

      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.


      When developing web sites it is useful to learn to use either, the Inspector in Firefox, Chrome Developer Tools in Chrome, or one of the other browser developer tools, they will save you hours on things like this and they're very easy to use.


      Regards, Mark.
    • 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.

Time to create page: 0.046 seconds