Vertically Aligning Images
Permalink
Hi guys,
It was really late when I posted this, so I am editing for clarity.
My first site with C5, trucklube.com is almost done. It has 12 small images logos at the bottom, 6 in 2 rows.
I built it as a "Layout". I added each image as a content block. They end up aligned along the top of each image. I do not see how to change that. I would like the centers of each image to be aligned, like I see on the bottom of fiverr.com. Their icons have href tags, and I don't need my icons to be hyperinkable.
They have a similar setup. I checked Chrome's console, and when I hover over their icons, using the select tool, I see 2 things:
the entire area has a "div.image-map".
over each icon I see "a" and what appears to be a pixel size, like "a 60px x 60px". I feel I am in over my head, as I don't know how they did that.
I hope I word this right - I want my icons to look like theirs. I don't need them to contain any links, just well-places images that line up the same way theirs do.
How can I do that?
It was really late when I posted this, so I am editing for clarity.
My first site with C5, trucklube.com is almost done. It has 12 small images logos at the bottom, 6 in 2 rows.
I built it as a "Layout". I added each image as a content block. They end up aligned along the top of each image. I do not see how to change that. I would like the centers of each image to be aligned, like I see on the bottom of fiverr.com. Their icons have href tags, and I don't need my icons to be hyperinkable.
They have a similar setup. I checked Chrome's console, and when I hover over their icons, using the select tool, I see 2 things:
the entire area has a "div.image-map".
over each icon I see "a" and what appears to be a pixel size, like "a 60px x 60px". I feel I am in over my head, as I don't know how they did that.
I hope I word this right - I want my icons to look like theirs. I don't need them to contain any links, just well-places images that line up the same way theirs do.
How can I do that?
Updated this post, added a new link, would you take a look?
I don't think: trucklube.com
is getting me where the site is. It sounds like your issue would be easily fixable with css setting the image height. Then they would all be the same height.
is getting me where the site is. It sounds like your issue would be easily fixable with css setting the image height. Then they would all be the same height.
sorry, it's mytrucklube.com...
Since these are just logos with no links attached, the easiest way will be to make them all into one large image and place that just once.
yeah, I saw it on another site like that. I'd rather do it like I've seen on fiverr.com.
I read that I would start with the CSS - but where?
I've checked all 3 files in the /mytrucklube.com/concrete/themes/greek_yogurt/css file and I see a lot in the /mytrucklube.com/concrete/css folder.
Not sure where to go with this one.
I've checked all 3 files in the /mytrucklube.com/concrete/themes/greek_yogurt/css file and I see a lot in the /mytrucklube.com/concrete/css folder.
Not sure where to go with this one.
