How to center Portfolio Grid Filters? - Support | Kriesi.at

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
April 18, 2015 at 7:02 am #430675
pegasso4444
Participant
Hi,
My Masonry Filters are perfect in center, even on mobiles. But the Portfolio Grid Filters are not in center:

http://templates.igenius-design.com/demo/galleries/artwork-gallery/portfolio/

Thanks for your help
Peter
- This topic was modified 9 years, 7 months ago by pegasso4444.
April 20, 2015 at 7:03 am #431120

Rikard
Keymaster

Hey pegasso4444!

Your link gave me a 404 page, could you check please?

Regards,
Rikard

April 20, 2015 at 2:25 pm #431279

pegasso4444
Participant

OOPS!

http://templates.igenius-design.com/demo/09-galleries/230-artwork-gallery/

Sorry
Peter

April 21, 2015 at 9:02 am #431825
Ismael
Moderator
Hey!

Remove the left padding:
```
#js_sort_items {
  padding-left: 35%;
}
```
Replace it with:
```
#js_sort_items {
  text-align: center;
}

.sort_by_cat {
  display: inline-block;
}
```
Cheers!
Ismael
April 21, 2015 at 11:50 am #431897

pegasso4444
Participant

Hi Ismael!
I did as told, but things get worse:
http://templates.igenius-design.com/demo/09-galleries/230-artwork-gallery/portfolio/
Thanks for your help
Peter

April 22, 2015 at 5:00 am #432535

Rikard
Keymaster

Hey!

I’m not sure what you’re trying to achieve, it looks centered on my end: http://imgur.com/XDTlnfs. Could you provide us with screenshots highlighting your intentions please?

Best regards,
Rikard

April 22, 2015 at 5:49 am #432549

pegasso4444
Participant

Hey Rikard!
Even the filters on your screenshot are not centered…
http://gyazo.com/37dd7e85dc740d8c720fb686f495b4ea

I need the filters in center, even on mobiles.
The masonry filters are always perfectly in center but not the portfolio grids.
Thanks for your help
Peter

April 22, 2015 at 8:44 pm #433106
Yigit
Keymaster
Hi!

Please add following code to Quick CSS as well
```
@media only screen and (max-width: 990px) and (min-width: 769px) {
#js_sort_items {
  padding-left: 24%;
}}
@media only screen and (max-width: 768px) {
#js_sort_items {
  padding-left: 0;
}}
```
Cheers!
Yigit
April 23, 2015 at 5:54 am #433241
pegasso4444
Participant
Hi,

The result on fullscreen is fine now but on mobile I have this:
http://gyazo.com/f3bf37d2c9356db07a96a8b9ec20fbbe

The masonry Grid is much better:
http://gyazo.com/bd8f8d5e62684230f107f45efba55191
Thanks for your help
Peter
- This reply was modified 9 years, 7 months ago by pegasso4444.
April 24, 2015 at 3:25 pm #434165
Yigit
Keymaster
Hi!

Please add following code to Quick CSS as well
```
@media only screen and (max-width: 480px) {
#js_sort_items {
  font-size: 11px;
}}
```
Best regards,
Yigit
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.