Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 7, 2014 at 8:47 am #206196
    crevlon

    Hallo,

    wie kann ich die Farbe der “Nächste Post / Vorherige Post” Navigation links und rechts ändern?

    Liebe Grüße,
    Marco

    January 7, 2014 at 9:00 am #206205
    Ismael

    Hi crevlon!

    You can change the text color using this:

    #top .avia-post-nav {
color: red;
}

    Change container background when hovered using this:

    #top .avia-post-nav:hover {
background: #222;
background: rgba(255,50,8,0.5);
}

    This is for the initial background of the navigation:

    #top .avia-post-nav {
background: blue;
background: rgba(255,90,8,0.8);
}

    Best regards,
    Ismael

    January 7, 2014 at 10:09 am #206224
    crevlon

    Hi Ismael,

    thanks for the fast response.
    What is the difference between “background: blue;” and “background: rgba(255,90,8,0.8);”?
    What in detail are they doing?

    Is it enough to use:

    #top .avia-post-nav {
background: #c3512f;
}

    When I use the obove code the color isnt transparent any more. I can i make it transparent again?

    January 7, 2014 at 11:24 am #206249
    Dude

    Hey!

    No, standard hex colors (i.e. #c3512f) are not semi transparent. RGBA colors support four parameters, the first 3 parameters determine the color (rgb) and the last parameter allows you to change the opacity value. It must be between 0 and 1. If you want to convert a standard hex color to rgba use this generator/tool: http://hex2rgba.devoth.com/

    Best regards,
    Peter

    January 7, 2014 at 12:29 pm #206270
    crevlon

    Perfect! Thank you!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Nächste Post / Vorherige Post Farbe’ is closed to new replies.