[mstookey]

This reply has been marked as private.

[mstookey]

ok, thank you for trying. Wondered if I was missing something already built in to the template.

[mstookey]

They’re center aligned now, thanks. As far as the hover – it works for only one of the images at a time — and the image stays. I was hoping for the image to fade away when the text appeared on hover. Then to reappear when not hovering.

If it’s complicated with custom code, maybe my best bet is a hover plugin? They just seemed overly ornate and I wanted a simple fade in/ fade out … maybe i just need to keep looking.

[mstookey]

Thanks, Kyle. I’ve setup another row of the images and they are now image banners. Only new issue is that I can’t get them to center align.

[mstookey]

I added css:

#logo img {
max-height:none;
}

and think I fixed the issue.

[mstookey]

This was fine in firefox but not good in Safari or Chrome. Not sure what the problem is — when I don’t specify a height (logo should be 300×79) it looks fine in Firefox but majorly smushed in Safari. When I add the 70 to height it’s less distorted, but still distorted – in Firefox as well.

The first screenshot is safari with no height specified, width = 300. The second screenshot is height specified = 79 (it looks like this in safari & firefox) and the third is how it should appear. It looks ok in firefox with only width specified. I can’t make it appear correctly across all browsers.

Attachments:

You must be logged in to view attached files.

[mstookey]

Hi David,

Thanks, that worked! I had to remove the height but when only the width is specified, it’s fine. Thank you!

[mstookey]

Here is a link to the image used & how it should display (although half the size)
http://69.42.84.209/~dotsdevi/wp-content/uploads/2013/10/dots_tag7B.png

[mstookey]

Hi Kyle,
That doesn’t work either. I’ve inserted a proportional height and now it’s stretched vertically in my browser and vertically on the mobile version. Neither one is displaying correctly. It does display correctly in the “theme options” header control panel. 300 x 79 is how it should display but when I add the 79 (in one or both of the height fields) it appears distorted.

[mstookey]

That did it! Thank you very much.

[mstookey]

Hi Kyle,

That’s what I would have thought too but it doesn’t work. I removed the extra css, and the text is center aligned but it doesn’t work. See screenshot.

Attachments:

You must be logged in to view attached files.

[mstookey]

Thanks Mohammad. That looks great in my browser but not aligned with text below on my iphone. See attachment for screenshot.

Attachments:

You must be logged in to view attached files.

[mstookey]

this topic is a duplicate… it hadn’t appeared so I thought I hadn’t submitted and I reposted. See my other icon alignment related topic. Sorry about that!

[mstookey]

Subject should be… “logo distorted…” thx