Before you ask please READ THIS

header indicator color

in Photon Posts: 91
Hi,

Header indicator color is ok in idle mode: black "i" on custom color background. However on hover, it looks it wants to invert that but instead it goes to black background and default theme color "i". Where can I change that to my custom color?

Thanks.

Comments

  • AirAir
    Posts: 10,970
    Hello :-)

    If you could post link to your site it would help much.

    So you want to change hover color to same color that is when "non-hovering"?

    You can work with such custom CSS:

    #footer-msg-indicator:hover {
    color: #f1c40f;
    background-color: #000;
    }
    With kind regards.
  • Posts: 91
    Hi Air,
    My site is not online yet. Still maintenance mode.
    The header indicator takes its color from the one you set on "Main settings". In my case this one:
    image
    It took my custom color automatically when I set it.
    However when you hover over it, the color of the "i" is the color you set on your demo and not my custom color:
    image

    That is why I think it should take my custom one automatically as well.

    Anyway, I will try with that css.

    Thanks.
  • AirAir
    Posts: 10,970
    Yes, you are right. I will try to fix it.

    With kind regards.
  • AirAir
    Posts: 10,970
    I have checked, and simple mechanism for custom color don't allow to use two colors, what would be needed to code this hover state. So best solution is this custom CSS.

    With kind regards.
  • Hi,

    When you post a new message on footer and the indicator blinks slowly, it happens the same: when the background turns to black (in my case), the "i" turns to demo color. Only when slow blinking now. (https://www.elimaginario.es). How can I fix that?

    Regards.
  • AirAir
    edited October 2016 Posts: 10,970
    Hi:-)

    Let try with this custom CSS:

    @keyframes slow_flash{
    50% {
    background-color: #000;
    color: #F1C40F;
    }
    }
    @-webkit-keyframes slow_flash{
    50% {
    background-color: #000;
    color: #F1C40F;
    }
    }
    In both rules change to same colors, as one of them is for older devices. These are rules for animation.

    With kind regards.
    Post edited by Air on
  • Posts: 48
    Air said: You can work with such custom CSS:

    #footer-msg-indicator:hover {
    color: #f1c40f;
    background-color: #000;
    }
    With kind regards.
    Hello,

    This code works, but i can't change this code (below) without changing color throughout the site.


    #footer-msg-indicator {
    background-color: #930130;
    color: #333;
    }.

    Can you help me? I want to change color only for footer-msg-indicator.

    Thank you.
    1212.jpg
    98 x 46 - 2K
  • AirAir
    Posts: 10,970
    Hi Pavel:-)

    I am not sure what you mean, cause CSS you have posted only works for this indicator. What else it changes for you? Can you show me link?

    With kind regards.
  • edited October 2016 Posts: 48
    I am sorry, i had problems in css that is why i couldn't get the result. You are right.
    Post edited by Air on
  • It works for me, Air. Thank you.

    Regards.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!