Hey,

Please go to Enfold > Css and open Custom.css file and add the code under 3rd line where it says ” /* General Custom CSS */”

@import url(https://fonts.googleapis.com/earlyaccess/alefhebrew.css);

body, h1, h2, h3, h4, h5, h6, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox { font-family: "Alef Hebrew", “Helvetica Neue”, Helvetica, Arial, sans-serif; }

Regards,

Yigit

Hi Nigel,

Please try the workaround in this topic https://kriesi.at/support/topic/mobile-menu-tablet-breakpoint

Regards,

Yigit

Hey,

Can you give us a screenshot of what you’re trying to do? You can add a left margin on the widget nav menus to move them closer to the left border. Add this on your custom.css or Quick CSS:

#top .widget_nav_menu li {

margin: 0 0 0 50px;

}

Adjust the 50px value if necessary.

Regards,

Ismael

Hey,

Edit header.php, find this code:

<?php

/*

* Hook that can be used for plugins and theme extensions (currently:  the woocommerce shopping cart)

*/

do_action('ava_main_header');



?>



<div class='container'>

Below, add the fb code:

<div class="fb-like" data-href="http://developers.facebook.com/docs/reference/plugins/like" data-width="450" data-show-faces="true" data-send="true"></div>

Edit footer.php, find this code:

<![endif]-->

<?php

echo "<div class='bg_container' style='background-image:url(".$avia_config['fullscreen_image'].");'></div>";

}

?>

Add the fb script:

div id="fb-root"></div>

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

Then add this on your Quick CSS or custom.css to adjust the position of the widget.

.fb-like.fb_edge_widget_with_comment.fb_iframe_widget {

position: absolute;

right: 0;

top: -10px;

}

It is better if you use a non-fixed header for this.

Regards,

Ismael

Hi,

Please see this topic for solution https://kriesi.at/support/topic/contact-form-does-not-work

Regards,

Yigit

Hi Jeff,

In more recent topic you have mentioned that you figured this out so i’m closing this one.

Regards,

Yigit

Hi,

Its a little more than the default support covers. You can request feature on https://kriesi.at/support/topic/enfold-feature-requests

Regards,

Yigit

Hi,

It’s because of Shareaholic. Starting from the blog title all the way down to icons there is Shareaholic’s container. You can use following CSS code for a quick solution.

.shareaholic-canvas { height: 50px; }

.shareaholic-share-buttons-container .shareaholic-ui  .badge-counter { z-index: -1; }

Please add this code to Quick CSS

Regards,

Yigit

Edit: Then icons stick to footer. You can add

.shareaholic-canvas { margin-top: 2625px; }

for a temporary solution but it will be problematic again once you post a new blog post. I would recommend you to delete Shareaholic.

Hey.

There are lots of elements with the fontello icons. Can you give us a specific list of items that you want to change? Iconbox? Iconlist etc?

This will get you started.

.avia-icon-list .iconlist_icon {

background-color: #ECE661;

background: #ECE661;

color: #FFFFFF;

}



.main_color.iconbox_top .iconbox_icon {

background-color: #ECE661;

color: #FFFFFF;

border-color: #ECE661 ;

background:  #ECE661;

border: 1px solid #ECE661;

}

Regards,

Ismael

Hi,

Please add this on your custom.css or Quick CSS to fix the iconbox and iconlist:

.avia-icon-list .iconlist_icon {

background-color: #333333;

background: #333333;

}



.main_color.iconbox_top .iconbox_icon {

background-color: #ffee38;

color: #191919;

border-color: #ffee38;

background:  #ffee38;

border: 1px solid #ffee38;

}

Regards,

Ismael

Hey,

What do you mean add the arrow in the footer instead? You can change the position of the scroll to top button. Edit footer.php, find this code:

<a href='#top' id='scroll-top-link' class='avia-font-entypo-fontello'></a>

Cut it then paste it below this code:

<div class='container_wrap socket_color' id='socket'>

<div class='container'>

Add this on your custom.css or Quick CSS:

#scroll-top-link {

position: absolute;

right: 50px;

bottom: 0px;

border: none !important;

}

Regards,

Ismael

Hey,

You can use this on your custom.css or Quick CSS:

Text link color:

#top .header_color .main_menu .menu ul li>a:hover {

color: red;

}

Background hovercolor:

.header_color .main_menu .menu ul li a:hover {

background-color: blue;

}

Regards,

Ismael

Hey,

You can add this on your custom.css or Quick CSS:

#top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a {

color: red;

}

Regards,

Ismael