Hey philee!

Thank you for using Enfold.

1.) Add this in the Quick CSS field:

.av-siteloader {
    animation: none;
    background: url('http://philee.xyz/design/wp-content/uploads/2016/02/pre02j.gif');
    border: 0 !important;
    width: 89px;
    height: 94px;
}

2.) There’s a lot of css tutorial or snippets about rounded buttons. Example: http://jsfiddle.net/josedvq/Jyjjx/45/

Best regards,
Ismael

Hey 1039 Online!

Please turn on debugging mode – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/ and then create your form and copy its shortcode from the field below ALB. Add Code Block element to your page and then add following code inside it

<a href="#test-popup" class="open-popup-link">Click this button to open form in lightbox</a>

<div id="test-popup" class="white-popup mfp-hide">
YOUR SHORTCODE GOES HERE
</div>

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

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

and finally, add following code to Functions.php file in Appearance > Editor

function add_custom_script(){
?>
<script type="text/javascript">
jQuery(window).load(function(){
	jQuery('.open-popup-link').magnificPopup({
	  type:'inline',
	  midClick: true
	});
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

Cheers!
Yigit

• This reply was modified 10 years, 2 months ago by Yigit.

Hey dodo8!

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

#top div .av-light-form .input-text, #top div .av-light-form input[type='text'], #top div .av-light-form input[type='input'], #top div .av-light-form input[type='password'], #top div .av-light-form input[type='email'], #top div .av-light-form input[type='number'], #top div .av-light-form input[type='url'], #top div .av-light-form input[type='tel'], #top div .av-light-form input[type='search'], #top div .av-light-form textarea, #top div .av-light-form select, div div .av-light-form .button {
    border-color: #F5F5F0!important;
}

Best regards,
Yigit

Hi TheElear!

Thank you for using Enfold.

If you need the share buttons in the single post page, the theme has its own share section. If you want to add a share button in the blog overview page, you will have to use a third party plugin such as AddThis or ShareThis.

Cheers!
Ismael

Hi eviang!

Thank you for using Enfold.

The social share section has its own sharing pattern and the plugin’s settings won’t affect it. You can use the following filter in the functions.php file:

// modify social share args
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args) {
	$args['twitter']['pattern'] = 'https://twitter.com/share?text=[title]%20@something&url=[shortlink]';
	return $args;
}

EDIT: You have to modify the text query: “?text=[title]%20@something”

The “[title]” is the title of the current post or page, the %20 is a space and the @something is the twitter handle if you want to include it or add any other text.

Usage examples:

https://kriesi.at/support/topic/share-button-twitter-handle-not-showing-when-people-are-sharing/#post-578267
https://kriesi.at/support/topic/changing-words-on-share-function/#post-481864

Cheers!
Ismael

Hi gooseflight!

Thank you for using Enfold.

1.) Please use this css declaration:

.avia_ajax_form h3 {
 // style here
}

2.) Yes, you can adjust the width using css. This is the default style:

.avia_ajax_form .button {
    margin: 0;
    padding: 16px 20px;
    border-radius: 2px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-weight: normal;
    font-size: 0.92em;
    min-width: 142px;
    outline: none;
}

3.) I’m not sure what you mean by this but you can add a custom script via functions.php file. Example here: https://kriesi.at/support/topic/insert-java-scripts-in-body/#post-579587

Cheers!
Ismael

Hi mcraig77!

Thank you for using Enfold.

I think its better if you hide the button on mobile view and then add it somewhere else. Maybe, below the slider? Will that work? You can toggle the display of the elements by using css media queries. Example here: https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263

Regards,
Ismael

Hi krzysztofkosz!

Thank you for using Enfold.

Once you activated the global caption, you should add a button instead of applying the link to the image.

If you really want the image link, you have to add this in the Quick CSS field:

.av_slideshow_full .container.caption_container, .caption_fullwidth {
    width: 10%;
    height: 10% !important;
    position: absolute;
    bottom: 0;
    top: auto;
    z-index: 0;
}

The problem is that the whole caption container covers the slider link.

Regards,
Ismael

Hi MindSpark!

Thank you for using Enfold.

We can hide the buttons on that specific page using css. Please provide the url to the page. Or use this in the Quick CSS field:

.avia_cart_buttons {
    display: none;
}

We can append the page id to the selector if you want to hide the buttons on a particular page.

Cheers!
Ismael

Hey koraytastan!

Thank you for using Enfold.

1.) Are you referring to the social share links or the social media icons in the top bar? If it is the latter, you can modify the includes > helper-social-media.php file. Look for this code around line 83 which contains the social media icon markup including the title attribute:

	$html .= "<a {$blank} href='".$icon['social_icon_link']."' ".av_icon_string($icon['social_icon'])." title='".ucfirst($icon['social_icon'])."'><span class='avia_hidden_link_text'>".ucfirst($icon['social_icon'])."</span></a>";

If it is the social share section in the posts, use the “avia_social_share_link_arguments” filter. Example here: https://kriesi.at/support/topic/share-button-twitter-handle-not-showing-when-people-are-sharing/#post-578267

2.) Use the “avia_social_share_link_arguments” in order to change the share section pattern. https://kriesi.at/support/topic/share-button-twitter-handle-not-showing-when-people-are-sharing/#post-578267

Regards,
Ismael

Hi Jarnis82!

Thank you for using Enfold.

I was able to reproduce the issue on your installation on IE8. However, this is not happening on our test installation so it’s probably cause by a third party plugin or a custom modification on your end. The sort button should filter the items without the animation on IE. Please try to deactivate all plugins or remove any js modifications that might be related to the issue then test the page again.

Best regards,
Ismael