Joomla Templates Club 406,261 posts

[buiak Friend buiakJoin date: August 2016Posts: 124Downloads:74Uploads:24 Thanks: 16]

#1003081

Greetings,
I have an issue trying to centered the photo gallery module in section position of the template, see attachments.
I was truing to resolve that puting in custom.css :

/* centrare galerie foto */
.joms-list--thumbnail {
    margin-left: 40px !important
    } 

but it works just for a few browsers width.
Please advice.
Thank you.

---

Attachments:

1. 
2. 
3. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1003313

Hi,

For different view layouts, you can try to use Media Queries of Bootstrap to define css for specific screen size: http://getbootstrap.com/css/#grid-media-queries

Regards

[buiak Friend buiakJoin date: August 2016Posts: 124Downloads:74Uploads:24 Thanks: 16]

#1003461

can you please support me in details with my issue ?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1003660

Let me take an example with your above css rule, if you want to apply above css rule for small screen resolution, you can use:

@media (max-width: 767px) {
  /* centrare galerie foto */
  .joms-list--thumbnail {
      /*your css rule goes here*/
   }
}

all the screen sizes which are smaller than 767px will inherit above css rule.

I hope this makes sense.

[Author]

Posts