-
Closed
-
I was told not to add to another post in the support area regarding this issue but to post my question in the proper sub-forum. Since this has to do with the alora theme, I’m hoping this is the right place. If not, please let me know how to get to where you would like me ask the question.
The issue is that I’m using header option #3 in the alora theme with social buttons in the color band at the top. The buttons are there and the hover text shows properly, but the buttons themselves are only a blue square and all three (facebook, twitter, and linkedin) look identical. If I switch to header option #2, which has only a transparent band, then the icons are there, but only in a muted gray format.
When I previously posted this inquiry in the wrong forum, I was asked which browser I was using. The issue presents itself identically as described using both Firefox and IE. With Chrome, there is a very very slight depiction of the social media logo, but it certainly doesn’t stand out that anyone would know the social media buttons were there.
Thanks
The site is http://www.mikeworleybooks.com
have you try to set darker icons in Styling Options -> Header Social Icons Color Scheme
Just reset that option. Now they are just darker solid gray squares in Firefox and IE. When you hover over them, they are different colors (facebook is blue, google + is dark orange) but still no detail of what the icon is about. (the Alt text does appear when hovering).
In Chrome, the icon detail is there, but very faint. Once you hover over the icon it turns to what the icon should look like but the icons certainly don’t stand out as something a user would look at.
Roman
I might note that on the opposite side of the header bar, I have a phone number and email address and those show up just fine. So it appears to be an issue with the logos themselves.
the phone and email icons are not images, but a FontAwesome font. that’s why they work just fine. please write me the exact version of your browsers you are using as well as your OS.
Firefox 26.0
Chrome 32.0.1700.76 m
IE 10.0.9200.16750
Windows 7 Home Premium w/ Service Pack 1
I have same browser versions and OS. it’s weird. try to insert this in the Custom CSS field if it will change something:
opacity: 1;
}
No improvement with the CSS, however, I did discover something new. The icons are just faint gray boxes until the hover, when they show up as solid color boxes on either of my main monitors, an HP 27″ Pavillion 27xi or a Samsung 21″ 8000-1. However, on my HP laptop with lower resolution, the icons do show up, although very faint, until they are hovered. Then they show up in full color as it seems to me they should look.
and when you try to make the icons background white?
With the two CSS entries, the view on Chrome is acceptable. It’s still a colored square in hover on my main monitor on Firefox but at least the white boxes make it more clear to the user that ‘something’ is there. I haven’t looked at it on a laptop yet.
it’s very clearly to me now…on my PC, laptop and tablet also
The topic Social Buttons is closed to new replies