Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #401150

    Dear Kriesi support team and community!
    Thank you for an awesome theme and support, and for the great updates!

    Is there a way to use several variations of the transparent header? Would be nice to have the possibility to use transparent header for both dark and bright pages.
    Lets say:
    Transparent header 1: White font white logo
    Transparent header 2: Dark font dark logo

    Best Regards

    _Urban_

    • This topic was modified 9 years, 9 months ago by _urban_.
    #401507

    Hey _urban_!

    If you can point out the changes you would like to make and post the link to your page, we can provide you custom CSS codes :)

    Best regards,
    Yigit

    #401840

    Hi!
    yes i thought I had attached the link as a private message.
    I one of the attached pages I would like to use a transparent header with black font in the menu and the extra elements in the top menu and LogoBlack.png.
    In the other I would like to use a transparent header with white font in the menu and the extra elements in the top menu and LogoWhite.png.

    #401842
    This reply has been marked as private.
    #402440

    Hi!

    I’m not sure I understand exactly what you mean, do you want a different look on different pages? If so, you can use the following code in Quick CSS to get dark header links on this page: http://autek.no/var-ekspertise/

    .page-id-10913 #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a{
    color:#333 !important;
    }

    Cheers!
    Rikard

    #404288
    This reply has been marked as private.
    #404971

    Hi!

    Edit the page then look for Layout > Header visibility and transparency. Select “Transparent Header”.

    Cheers!
    Ismael

    #411776

    Hi Ismael.
    Thank you for the response.
    The problem is that I am already using a transparent header. So I would like to have two different header transparent header styles. One with a dark font and another with a light font.

    Hope it is possible to achieve..

    Best Regards.

    Urban

    #412378

    Hi!

    For the pages where you want white text drag a codeblock element to your content and add this inside.

    <style type = "text/css">
    #header * { color: white; }
    .header-scrolled { color: black !important; }
    </style>

    Regards,
    Elliott

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.