Hello, I have a list of '14' client logos that they wish to have displayed as small logos within a section. Displaying them as '6' leaves two onto a third row, and even then... unable to center apparently.
I'd like to list the 14 logos a little smaller and in two rows of 7. Currently, the client display settings dropdown only allows for one thru six. Is there a way to get 7? If not, how would you suggest that I build this area into two rows of 7 on my own, perhaps using another shortcode or... other option?
I tried simply taking the 1250 pixels, dividing it by 7 and getting 178px. Then creating a standard html element with the logos in there at 178 pixels wide. However, the theme seems to stretch out the logos and still won't allow 7 to sit on the same row.
I don't want to just create a large image with all of the logos as that doesn't seem like the proper way to go. I also need them to properly reflow for desktop sizes and mobile as well.
Note: I've attached what I would 'like' it to look like.
Hey ,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 1000px) and (min-width: 690px) {
body .clients.no-carousel.six-cols > div {
width: 13% !important;
}
}
@media only screen and (min-width: 1000px) {
body .clients.no-carousel.six-cols > div {
width: 12% !important;
}
}
Hello, I have a list of '14' client logos that they wish to have displayed as small logos within a section. Displaying them as '6' leaves two onto a third row, and even then... unable to center apparently.
I'd like to list the 14 logos a little smaller and in two rows of 7. Currently, the client display settings dropdown only allows for one thru six. Is there a way to get 7? If not, how would you suggest that I build this area into two rows of 7 on my own, perhaps using another shortcode or... other option?
I tried simply taking the 1250 pixels, dividing it by 7 and getting 178px. Then creating a standard html element with the logos in there at 178 pixels wide. However, the theme seems to stretch out the logos and still won't allow 7 to sit on the same row.
I don't want to just create a large image with all of the logos as that doesn't seem like the proper way to go. I also need them to properly reflow for desktop sizes and mobile as well.
Note: I've attached what I would 'like' it to look like.
Hey , Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 1000px) and (min-width: 690px) { body .clients.no-carousel.six-cols > div { width: 13% !important; } } @media only screen and (min-width: 1000px) { body .clients.no-carousel.six-cols > div { width: 12% !important; } }Bes.t
ThemeNectar Support Team
Excellent! This did the trick. Thank you