0
Welcome Guest! Login
0 items Join Now

Gantry-Width-21

    • Tim Miller's Avatar
    • Tim Miller
    • Elite Rocketeer
    • Posts: 949
    • Thanks: 7
    • Video, Joomla, Grfx

    Gantry-Width-21

    Posted 9 years 2 weeks ago
    • Hi Guys,

      So I needed to adjust the margins between images and I created a new class (instead of adjusting my gantry-width-25), but in doing so, lost the formatting for other devices...items are not responsive...

      I couldn't find anywhere to adjust this...
      http://robertsonprojects.com/anacron/
      Utility is gantry-width-25
      Feature is my new one: gantry-width-21

      Thanks so much in advance!!!
    • ----
      Tim Miller
      timmiller.net
    • Tim Miller's Avatar
    • Tim Miller
    • Elite Rocketeer
    • Posts: 949
    • Thanks: 7
    • Video, Joomla, Grfx

    Re: Gantry-Width-21

    Posted 9 years 2 weeks ago
    • Ok, I did find these two files in a previous post:
      ..\templates\rt_templateName\less\gantry-core.less
      ..\templates\rt_templateName\less\mediaqueries.less

      There was nothing in the gantry-core.less that I noticed regarding width.

      I did add ".gantry-width-21," with all the other gantry-width items in the mobile section in the mediaqueries.less file, but still don't see a difference...

      Thanks in advance!
    • Last Edit: 9 years 2 weeks ago by Tim Miller.
    • ----
      Tim Miller
      timmiller.net
    • Tim Miller's Avatar
    • Tim Miller
    • Elite Rocketeer
    • Posts: 949
    • Thanks: 7
    • Video, Joomla, Grfx

    Re: Gantry-Width-21

    Posted 9 years 1 week ago
    • I added this:
      .gantry-width-21 {
      margin: 5px 20px !important;
      width: 21% !important;
      }

      Then applied that class to my content...but it's still not being responsive...really appreciate any help...
    • ----
      Tim Miller
      timmiller.net
    • Zac Hiler's Avatar
    • Zac Hiler
    • Jr. Rocketeer
    • Posts: 49
    • Thanks: 0

    Re: Gantry-Width-21

    Posted 8 years 11 months ago
    • I added a 45% class for gantry-width also and I'm noticing the same issue. It is no longer responsive. I'll let you know if I find a fix.
    • Zac Hiler's Avatar
    • Zac Hiler
    • Jr. Rocketeer
    • Posts: 49
    • Thanks: 0

    Re: Gantry-Width-21

    Posted 8 years 11 months ago
    • I was able to get my gantry-width-45 working properly. I made sure to add the necessary code to gantry-core.less and mediaqueries.less. Apparently, I was missing a comma after my declaration in mediaqueries.less and it was causing the error.

      Hope you find the answer to your issue.
    • Tim Miller's Avatar
    • Tim Miller
    • Elite Rocketeer
    • Posts: 949
    • Thanks: 7
    • Video, Joomla, Grfx

    Re: Gantry-Width-21

    Posted 8 years 11 months ago
    • Would you be willing to share the changes in your less and media query files? Where did you place them and what code did you use?
    • ----
      Tim Miller
      timmiller.net
    • Zac Hiler's Avatar
    • Zac Hiler
    • Jr. Rocketeer
    • Posts: 49
    • Thanks: 0

    Re: Gantry-Width-21

    Posted 8 years 11 months ago
    • My apologizes for the slow reply.

      For the gantry-core.less, I just scrolled down to the list of declarations and added the gantry-width-45 with the 45%. Basically the same code as gantry-width-40.

      Then, for the mediaqueries.less, there is a line of code that has all of the gantry-width-xx options in it, just make sure to add a comma and place your custom one in that same line.

      Originally, I had forgotten the comma, so mine looked like this: ...gantry-width-30, gantry-width-40 gantry-width-45, gantry...

      Once the comma was fixed, everything worked fine. I'm currently using a modified version of the Corvus template.

      Hope this helps, and let me know if you need anything else.
    • Zac Hiler's Avatar
    • Zac Hiler
    • Jr. Rocketeer
    • Posts: 49
    • Thanks: 0

    Re: Gantry-Width-21

    Posted 8 years 11 months ago
    • Did the information I provide you help at all?

Time to create page: 0.053 seconds