1. SP EASY IMAGE GALLERY
  2. Thursday, 12 October 2017
Hi

How can I align to center image created as gallery addon. In gallery have one image. In standard computer view is ok. In mobile view image is align to left and text under image is align to center.
Accepted Answer
Hello

I pasted to my custom.css file and not worked and changed in you code vale "float: none !important;" and is fine.
Thanks for your help

@media (max-width: 990px) {

.sppb-gallery {
list-style: none;
padding: 0;
margin: 0;
/* display: block; */
text-align: center;
}

.sppb-gallery li {
display: inline-block;
float: none !important;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # Permalink
Responses (4)
Well,

Grab the image wrapper CSS code. For e.g: myImage

Now apply bellow CSS code:

.myImage {
display : block;
margin : 0 auto;
}

Let me know if it's working for you.

Thanks.
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # 1
Hi
This not working. I added class color_cube. This is my page http://zpb.zpbkaczmarek.pl/produkty/piekny-dom-kostka-brukowa/item/48-milos. I have issue wit section 'KOLORY' in mobile view.
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # 2
Hello there,

In custom.css file in CSS directory use following CSS code in CSS media query for mobile device:


.sppb-gallery {
list-style: none;
padding: 0;
margin: 0;
/* display: block; */
text-align: center;
}

.sppb-gallery li {
display: inline-block;
/* float: left; */
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


Thanks.
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # 3


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.