• Creator
    Topic
  • #8241

    Mike Worley
    Spectator

    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

Viewing 10 replies - 1 through 10 (of 17 total)
Replies
  • Roman
    Keymaster
    Post count: 2608
    #9008 |

    have you try to set darker icons in Styling Options -> Header Social Icons Color Scheme

    Mike Worley
    Spectator
    Post count: 9
    #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
    Post count: 9
    #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
    Keymaster
    Post count: 2608
    #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
    Post count: 9
    #9013 |

    Firefox 26.0
    Chrome 32.0.1700.76 m
    IE 10.0.9200.16750

    Windows 7 Home Premium w/ Service Pack 1

    Roman
    Keymaster
    Post count: 2608
    #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
    Post count: 9
    #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
    Keymaster
    Post count: 2608
    #9018 |

    and when you try to make the icons background white?

    Code:
    .social-networks a {background-color: #fff !important;}
    Mike Worley
    Spectator
    Post count: 9
    #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
    Keymaster
    Post count: 2608
    #9020 |

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

Viewing 10 replies - 1 through 10 (of 17 total)

The topic ‘Social Buttons’ is closed to new replies.