Joomla Templates Club 406,261 posts

[pradino Friend pradinoJoin date: May 2014Posts: 13Downloads:0Uploads:4 Thanks: 4]

#198356

Hi

I would like to change the height and width of grids in homepage of JA Fixel template. I have tried different options in custom.css but failed to manage the height and width of the grid. I would like to change the grid dimension to 280px by 184px.
I could manage the width and margins between the grids but height seems to be getting from unknown places. Like video grid has different height than image grids. Even after providing different grid heights in custom.css file, it is leaving blank space between two grid in column. The height that have given in custom.css is only managing the height inside the grid but not the grid itself as I can see space below the grid. I would like to know if this can be done.

Thanks

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#537316

can you please post a screenshot of the module you need to increase width and height, so I can help you out.

[pradino Friend pradinoJoin date: May 2014Posts: 13Downloads:0Uploads:4 Thanks: 4]

#537325

<em>@Chavan 430114 wrote:</em><blockquote>can you please post a screenshot of the module you need to increase width and height, so I can help you out.</blockquote>

In custom.css, I added “.fixel-grid.ready .items {max-height: 184px;}” which seem to fix the height for the grid but still when you check the <div> for the grid, height is still 301px which is instyle. Also, I am not being able to manage the gapping between the grids (the rows). Another problem is the background, it needs to be transparent but seems like body background is repeated in the main grid wrapper.

Thanks

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#537342

can you please post your site url and admin details.

[pradino Friend pradinoJoin date: May 2014Posts: 13Downloads:0Uploads:4 Thanks: 4]

#537354

Thanks Chavan

PM’d you the details.

Thanks

[pradino Friend pradinoJoin date: May 2014Posts: 13Downloads:0Uploads:4 Thanks: 4]

#537832

Have you looked at this issue?

I just need to find out to increase the bottom gappings between the grids.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#538070

Go to this File: /templates/ja_fixel/css/custom.css

Replace this code


.fixel-grid .items article { margin-left: 21px; border: 1px white solid;}

with


.fixel-grid .items article { margin-left: 21px; border: 1px white solid; margin-bottom:10px; }

1 user says Thank You to chavan for this useful post

1. pradino

[pradino Friend pradinoJoin date: May 2014Posts: 13Downloads:0Uploads:4 Thanks: 4]

#538142

Thanks
It did work. I had to change the height of the grid but I can manage that. I know how the grids work now. Thanks for your help.

[Author]

Posts