Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 21, 2015 at 12:56 pm #522267
    ti2media

    Dear Support,

    we are using the “alternate content” feature to create one page in a different color.
    On the normal page we use white as background and the logo defined within the enfold settings.

    On the alternate content page we would like to have the menue background in black and the logo in white.

    Is this possible ( for example with css )

    Thanks

    October 21, 2015 at 1:06 pm #522270
    Yigit

    Hey ti2media!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .page-id-3297 #header * { color: white; background: black; }

    and then add following code to Functions.php file in Appearance > Editor to change logo on your page 

    add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    if(is_page(3297) )
    {
    $logo = "http://kriesi.at/wp-content/themes/kriesi/images/logo.png";
    }
    return $logo;
}

    Best regards,
    Yigit

    October 21, 2015 at 11:10 pm #522592
    ti2media

    Hey Yigit!

    Great Support! Thanks a lot!

    As you may see…on the black site, there are some issue left. I tried to fix it, based on your css.
    The Hoover effects are missing within the menue ( on hoover, active: White background, Black color )

    Also if you insert a seperator like on the white page ( black seperator ), the alternate content doesn’t use the backgroud color. There are multiple css classes. Which css class is used for the background of the seperator area?

    Thanks and best regards.

    ti2

    October 22, 2015 at 1:20 am #522649
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
    padding-right: 13px;
}
.page-id-3297 .av-main-nav > li:hover > a, .page-id-3297 .av-main-nav > li:hover > a * {
    background-color: white!important;
    color: black!important;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Cheers!
    Yigit

    October 22, 2015 at 2:36 pm #522972
    ti2media

    Wooow! Great.
    Please add the code for the seperator background.

    Thanks

    October 23, 2015 at 6:13 am #523466
    Ismael

    Hey!

    You should place the hr or separator element inside existing color sections, not under or above it because the theme will automatically create a new section to wrap the lone separator. That’s why you see the white background.

    Best regards,
    Ismael

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