Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #206196

    Hallo,

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

    Liebe Grüße,
    Marco

    #206205

    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

    #206224

    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?

    #206249

    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

    #206270

    Perfect! Thank you!

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