• Creator
    Topic
  • #8241

    Mike Worley
    Participant
    Been thanked: 0 times

    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 15 replies - 1 through 15 (of 17 total)
Replies
  • Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9008 |

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

    Mike Worley
    Participant
    Post count: 9
    Been thanked: 0 times
    #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
    Participant
    Post count: 9
    Been thanked: 0 times
    #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: 2538
    Been thanked: 29 times
    #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
    Participant
    Post count: 9
    Been thanked: 0 times
    #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: 2538
    Been thanked: 29 times
    #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
    Participant
    Post count: 9
    Been thanked: 0 times
    #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: 2538
    Been thanked: 29 times
    #9018 |

    and when you try to make the icons background white?

    Code:
    .social-networks a {background-color: #fff !important;}
    Mike Worley
    Participant
    Post count: 9
    Been thanked: 0 times
    #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: 2538
    Been thanked: 29 times
    #9020 |

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

    Mike Worley
    Participant
    Post count: 9
    Been thanked: 0 times
    #9021 |

    Roman

    I got on the laptop this morning and the display, with the two CSS entries in place, is very good in Firefox, which was the worst of the three browsers. So this issue seems to be very much a function of whatever monitor the user has rather than the browsers themselves. So far, I’ve only seen the issue with the social icons. Everything else seems to display fine regardless of the monitor.

    I’ll assume this is something to be address in your updates in general rather than a fix for a specific user, so I’ll consider this thread closed and look for it to be addressed in the future. BTW, I’m very happy with the Alora theme.

    Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9022 |

    there is always a place to share your happiness http://theme4press.com/leave-testimonial/ 🙂

    Brian Ehrler
    Spectator
    Post count: 1
    Been thanked: 0 times
    #9059 |

    I have the same issue with the social icons on a mobile device.

    I am using Chrome Browser on a Droid Maxx with Android 4.4. The site shows up with the rollover style icons and they appear as muted squares with no logo.

    Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9060 |

    Have you try above suggestions?

    Susanne Dunlap
    Spectator
    Post count: 3
    Been thanked: 0 times
    #9288 |

    Can you please let me know where that code needs to go? I have the same issue with the social icons not being obviously there at all.

Viewing 15 replies - 1 through 15 (of 17 total)
You must be logged in to reply to this topic.