Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 14, 2014 at 1:23 pm #291021
    tbraendle

    Dear Kriesi team

    I have just tried the new header transparency options. They just look great!

    Sometimes background images are darker or lighter and that might cause, that just one transparency menu color does not work. Is there a way to introduce more transparency menu color options for certain pages via CSS? I. e. I would like to have another transparency menu color on the start page.

    Thanks for your help!
    Thomas

    July 14, 2014 at 1:35 pm #291030
    Yigit

    Hi Thomas!

    Sure, it is possible. Do you mind posting the link to your page where would you like to have a different colored menu items, so we can provide you custom CSS code?

    Best regards,
    Yigit

    July 14, 2014 at 1:37 pm #291033
    tbraendle

    Dear Yigit

    Yes please: it should be on this page: http://www.runmyaccounts.ch/

    Best regards
    Thomas

    July 14, 2014 at 2:20 pm #291054
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .page-id-1672 .av_header_transparency span.avia-menu-text {
color: white;
}

    You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg

    Regards,
    Yigit

    July 14, 2014 at 2:26 pm #291056
    tbraendle

    Dear Yigit
    Thanks for your help! This works, but the problem is that now also the dropdowns in the submeue are written in white (white on white background). Is there a workaround?

    Best regards
    Thomas

    July 14, 2014 at 2:39 pm #291064
    Yigit

    Hey!

    Please try folllowing code instead

    .page-id-1672 .av_header_transparency .av-main-nav>li>a>span.avia-menu-text {
color: white !important;
}

    Best regards,
    Yigit

    July 14, 2014 at 2:56 pm #291074
    tbraendle

    Hi Yigit

    That does not work. Nothing happens (also after flushing the cache).

    Best regards
    Thomas

    July 14, 2014 at 3:00 pm #291080
    Yigit

    Hey!

    It does work fine on my local installation – http://i.imgur.com/N7apBIg.png
    Can you try adding the code to Custom.css file inside Enfold/css folder 

    .home .av_header_transparency .av-main-nav>li>a>span.avia-menu-text {
color: white !important;
}

    Regards,
    Yigit

    July 14, 2014 at 3:10 pm #291088
    tbraendle

    Dear Yigit

    Now using the custom.css works fine. The magnifying glass of the search function is still on the standard color. Could you also provide me with that code? What would I have to do if I needed to change the logo?

    Best regards
    Thomas

    July 15, 2014 at 1:14 pm #291561
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .home .av_header_transparency #menu-item-search a:before {
color: white !important;
}

    Please go to Enfold theme options > Header Layout > Transparency options and change transparent logo

    Best regards,
    Yigit

    July 15, 2014 at 2:16 pm #291597
    tbraendle

    Hi Yigit

    Great, the search icon is now white as well. The thing with the logo does not work – then it is white on any transparent header, also when the background is white. What I would need is to have the white logo only on selected pages, e.g. the start page. Is it possible to handle this as well with css?

    Best regards
    Thomas

    July 15, 2014 at 4:37 pm #291676
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .home .av_header_transparency .logo img { opacity: 0; }
.home .av_header_transparency .logo a {
background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png); background-size: contain; background-repeat: no-repeat; }
.home .logo img { opacity: 1; }
.home .logo a { background-image: none; }

    Cheers!
    Yigit

    July 15, 2014 at 5:44 pm #291717
    tbraendle

    Dear Yigit

    Thanks a lot for your fantastic support! You guys are just great!

    Best regards
    Thomas

    July 15, 2014 at 5:52 pm #291724
    Yigit

    Hey!

    You are welcome Thomas, we are always happy help! :) Let us know if you have any other questions or issues

    Best regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Other transparency menu color on just one page’ is closed to new replies.