• Closed
• Mike Worley

  Spectator

  January 20, 2014 at 11:06 pm #8241

  

  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

Roman
Spectator
Posts: 3147
January 21, 2014 at 11:19 am #9008

have you try to set darker icons in Styling Options -> Header Social Icons Color Scheme
Mike Worley
Spectator
Posts: 9
January 21, 2014 at 6:22 pm #9010

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.
Mike Worley
Spectator
Posts: 9
January 21, 2014 at 7:59 pm #9011

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.
Roman
Spectator
Posts: 3147
January 21, 2014 at 9:59 pm #9012

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.
Mike Worley
Spectator
Posts: 9
January 21, 2014 at 11:14 pm #9013

Firefox 26.0
Chrome 32.0.1700.76 m
IE 10.0.9200.16750
Windows 7 Home Premium w/ Service Pack 1
Roman
Spectator
Posts: 3147
January 22, 2014 at 9:36 am #9014

I have same browser versions and OS. it’s weird. try to insert this in the Custom CSS field if it will change something:
Code:
.header-v3 .social-networks a {
opacity: 1;
}
Mike Worley
Spectator
Posts: 9
January 22, 2014 at 9:35 pm #9016

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.
Roman
Spectator
Posts: 3147
January 22, 2014 at 10:01 pm #9018

and when you try to make the icons background white?
Code:
.social-networks a {background-color: #fff !important;}
Mike Worley
Spectator
Posts: 9
January 23, 2014 at 1:42 am #9019

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.
Roman
Spectator
Posts: 3147
January 23, 2014 at 9:43 am #9020

it’s very clearly to me now…on my PC, laptop and tablet also

The topic Social Buttons is closed to new replies