Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 26, 2015 at 8:08 am #418347
    markzarak

    Hi,

    1) How can I change the color of the dollar signs to black beside my animated numbers without changing the theme colours? Located in the fifth section of my site.

    2) Is it possible to make the secondary menu disappear once you scroll down?

    3) How can I change the secondary menu from 31px to 45px?

    4) How do I change the background color of the social mail icon in the secondary menu to #d73119? Tried using this with no luck:
    #top .social_bookmarks_mail:hover a{color:#fff; background-color:#d73119; }

    Greatly appreciate your help!

    March 26, 2015 at 5:38 pm #418666
    Yigit

    Hey markzarak!

    1 & 4- Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia-no-number {
  opacity: 1;
}
#top #wrap_all .av-social-link-mail:hover a {
  background-color: #d73119!important;
}

    2- Please add following code to Functions.php file in Appearance > Editor

    function transparent_header_scroll(){
?>
<script>
jQuery(window).scroll(function(){
if(jQuery(this).scrollTop() < 200) jQuery('#header_meta').toggle();
if(jQuery(this).scrollTop() > 200) jQuery('#header_meta').toggle();
});
</script>
<?php
}
add_action('wp_footer', 'transparent_header_scroll');

    3- Not sure if i understood you correctly. Can you please elaborate?

    Please make sure to disable CSS minifying feature before applying the changes and flush browser cache after

    Best regards,
    Yigit

    March 26, 2015 at 6:55 pm #418740
    markzarak
    This reply has been marked as private.
    March 26, 2015 at 7:10 pm #418751
    Yigit

    Hey!

    2- Please try changing the code to following one

    function transparent_header_scroll(){
?>
<script>
jQuery(window).scroll(function(){
if(jQuery(this).scrollTop() > 150) jQuery('#header_meta').addClass('remove-header');
if(jQuery(this).scrollTop() < 150) jQuery('#header_meta').removeClass('remove-header');
});
</script>
<?php
}
add_action('wp_footer', 'transparent_header_scroll');

    and then add following code to Quick CSS 

    .remove-header { display: none; }

    3- 

    #header_meta .container {
  min-height: 45px;
}
.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
  padding-top: 135px;
}
#header_meta .container {
  padding: 10px;
}
.phone-info {
  font-size: 20px;
}

    Cheers!
    Yigit

    March 26, 2015 at 7:27 pm #418761
    markzarak

    PERFECT. You guys are awesome and are definitely the reason this theme is #1 in my books.

    Thank you, greatly appreciate the help!

    PS. After a theme update will I have to re-add the code to Functions.php?

    March 26, 2015 at 7:33 pm #418763
    Yigit

    Hey!

    You are welcome, we are always happy to help :)
    Yes, but you can use a child theme to avoid that. You can download pre-built child theme here – http://kriesi.at/documentation/enfold/downloads/

    Cheers!
    Yigit

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