0
Welcome Guest! Login
0 items Join Now

Modify RokSprocket Grid Layout Cell Padding?

Last Post
Search Topic

  • Modify RokSprocket Grid Layout Cell Padding?

    Posted 10 years 5 months ago
    • I can't seem to find what I'm looking for in the CSS.
      I'm using RokSprocket with the GRID layoutin the Epsilon template on a J3.4 install.
      I want to bring the padding between the image boxes in the grin down to 0 but I can't see what to modify in my custom css file.

      Image attached shows you what I have now.

      Any help pointing me at the lines to grab so I can mod them?
      Thanks.

      -S
    #1149337

  • Re: Modify RokSprocket Grid Layout Cell Padding?

    Posted 10 years 5 months ago
    • Hi,

      Sorry for my English,

      If this site is online please post url of this site.

      I do not know if I understood you well but in demo of Epsilon I try do this:


      .fp-feature .sprocket-mosaic-item .sprocket-padding
{
    padding: 0 !important;
}

      And padding is 0.


      Greetings
    • Last Edit: 10 years 5 months ago by Arkas Sp. z o.o..
    #1149421

  • Re: Modify RokSprocket Grid Layout Cell Padding?

    Posted 10 years 5 months ago
    • Hi, thanks. I tried that just now and it didn't work.

      The line in the code that we're looking at is li data-grids-item which is nested in div class="sprocket-grids-b". Gantry/Sprocket seems to create an instance for each box in the grid with identical settings. But I need to know where in the CSS I should make the changes in the custom file so that I get fully flush boxes/ padding=0 across the board for all X-number of boxes in the grid in the module.

      But when I'm looking at the output for the CSS all I'm getting is the individual element.style .... which isn't a lot of help.

      I know it's possible since some of the other templates have full flush boxes with no pad or margins built into their default roksprocket stayle. But when I look at them the output I get when I look at the element is individual element.style.

      Can I change it in the custom css file or do I have to hack something (I'd rather not).
    #1149516

  • Re: Modify RokSprocket Grid Layout Cell Padding?

    Posted 10 years 5 months ago
    • Hi,

      I suggest You post address of this site. Without this help for You would be very difficult. I can't see this and I can't find solution for Your problem.

      Greetings
    #1149765

  • Re: Modify RokSprocket Grid Layout Cell Padding?

    Posted 10 years 5 months ago
    • I've put the module up in a test page.

      REMOVED BROKEN LINK
    • Last Edit: 9 years 4 months ago by Kat05.
    #1150820

  • Re: Modify RokSprocket Grid Layout Cell Padding?

    Posted 10 years 5 months ago
    • Please check this:
      .sprocket-grids-b-container li
{
    padding: 0 !important;
}

      or
      .sprocket-grids-b-container li
{
    box-sizing: none !important;
}



      Greetings
    • Last Edit: 10 years 5 months ago by Arkas Sp. z o.o..

    • The following users have thanked you: Saffron & Barbara

    #1150842

  • Re: Modify RokSprocket Grid Layout Cell Padding?

    Posted 10 years 5 months ago
    • Ah that did it, thanks! It was conflicting with some CSS I had set up for the Tabs so I nixxed one and added the ".sprocket-grids-b-container li" and it worked like a charm. Cheers.
    #1151018

  • Re: Modify RokSprocket Grid Layout Cell Padding?

    Posted 10 years 5 months ago
    • I'm glad that I helped you.

      Greetings and have a nice day.
    #1151166

Time to create page: 0.052 seconds