Hi!

I can’t reproduce the testimonial “jump” issue but you can add this to .htaccess file to fix the font icons:

<FilesMatch "\.(ttf|otf|woff)$">
<IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

Regards,
Ismael

Hey!

Add this to the Quick CSS field:

.main_color .meta-color, .main_color .sidebar, .main_color .sidebar a, .main_color .minor-meta, .main_color .minor-meta a, .main_color .text-sep, .main_color blockquote, .main_color .post_nav a, .main_color .comment-text, .main_color .side-container-inner, .main_color .news-time, .main_color .pagination a, .main_color .pagination span, .main_color .tweet-text.avatar_no .tweet-time, #top .main_color .extra-mini-title, .main_color .team-member-job-title, .main_color .team-social a, .main_color #js_sort_items a, .grid-entry-excerpt, .main_color .avia-testimonial-subtitle, .main_color .commentmetadata a, .main_color .social_bookmarks a, .main_color .meta-heading>*, .main_color .slide-meta, .main_color .slide-meta a, .main_color .taglist, .main_color .taglist a, .main_color .phone-info, .main_color .phone-info a, .main_color .av-sort-by-term a, .main_color .av-magazine-time, .main_color .av-magazine .av-magazine-entry-icon, .main_color .av-catalogue-content, .main_color .wp-playlist-item-length {
  color: #000000;
}

Use this one for the search text:

::-webkit-input-placeholder {
    color:    #000000;
}
:-moz-placeholder {
    color:    #000000;
}
::-moz-placeholder {
    color:    #000000;
}
:-ms-input-placeholder {
    color:    #000000;
}

Cheers!
Ismael

Hey!

You can display a smaller version of the slider on mobile device using media queries or remove it using javascript, unfortunately, it’s not possible to automatically switch image thumbnails when viewing on mobile devices. There are third party scripts out there that can do it, http://adaptive-images.com/ for example, but it’s not integrated in the theme yet.

https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263

https://kriesi.at/support/topic/is-there-an-option-to-create-a-separate-page-design-specific-to-mobile-devices/

https://kriesi.at/support/topic/displaying-another-slider-on-mobile-devices/

https://kriesi.at/support/topic/replace-slider-on-mobile/

Cheers!
Ismael

Hi theburningear!

Thank you for using Enfold.

You can edit loop-index.php, look for this code:

//echo preview image
        if(strpos($blog_style, 'big') !== false)
        {
            if($slider) $slider = '<a href="'.$link.'" title="'.$featured_img_desc.'">'.$slider.'</a>';
            if($slider) echo '<div class="big-preview '.$blog_style.'">'.$slider.'</div>';
        }

Move it above line 198:

// echo the post content
            echo '<div class="entry-content" '.avia_markup_helper(array('context' => 'entry_content','echo'=>false)).'>';
            echo $content;
            echo '</div>';

Regarding the lightbox image, when you set a featured image, you can add a custom caption.

Regards,
Ismael

Hey!

Try to copy the shortcode below the ALB then create a new page. Paste it on the debug editor then publish. Let us know if the newly created page is working. I tried to create a new page but it leads me to a 403 error.

Best regards,
Ismael

Hey!

You can place the iconboxes inside a color section. Add a unique id attribute in the Section ID field. Use “custom-section” for example. Add something like this in the Quick CSS field:

#top #custom-section .iconbox {
-webkit-animation: avia-icon-btt 0.8s 1 ease;
  animation: avia-icon-btt 0.8s 1 ease;
  opacity: 1;
}
  
 @-webkit-keyframes avia-icon-btt {
  0%   { -webkit-transform:translate(0,300%); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); opacity: 1; }
}

Regards,
Ismael

Hi!

I maybe missing something but did you create the /fontstyle.css file? Use https instead of http.

Regards,
Ismael

• This reply was modified 10 years, 4 months ago by Elliott.

Hey!

You can use the theme’s default button shortcode generated via the shortcode wand, inside the layer slider. Create a layer then set to HTML type, add the button shortcode.

Cheers!
Ismael

Hi!

Thank you for using Enfold. Did you extract the actual “enfold” theme zip inside the zip package? Please upload the file via FTP instead: http://kriesi.at/documentation/enfold/install-enfold-over-ftp/

Cheers!
Ismael

Hi!

Did you indent or add another menu item under, for example, “Activies” or “Days Out”? Once you added more menu items under these “Column” ietms and “indented” them, you will have successfully created a mega menu. Please watch this video: http://kriesi.at/documentation/enfold/setting-up-your-mega-menu/

Cheers!
Ismael

Hey theburningear!

Thank you for using Enfold.

I think you’re testing it with chrome, and the article doesn’t included browser specific prefixes, that’s why it’s not working. For that, you need to add vendor or browser prefixes:

.big-preview.single-big a img {
  -webkit-clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
  clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
}

This will help: http://bennettfeely.com/clippy/

Regards,
Ismael

Hey djshortkut!

Thank you for using Enfold.

1.) Use this to remove the arrow:

#top .avia-slideshow-arrows a {
display: none !important;
}

Place the custom css class before the “.avia-slideshow-arrows” class or selector.

2.) Add this to increase the width:

@media only screen and (max-width: 767px) {
#top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
  padding: 0;
}}

Cheers!
Ismael

Hey jmmurphree!

Thank you for using Enfold.

It is because the gallery and the slideshow use a specific thumbnail size. If you edit functions.php, you’ll find this:

$avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );						// images for portfolio entries (2,3 column)

That is the thumbnail size for the gallery and slideshow preview. You can adjust the width and height then regenerate the thumbnails: https://wordpress.org/plugins/regenerate-thumbnails/

Regards,
Ismael

Hey!

Thanks for sharing. ;)

Cheers!
Ismael

Hey Michael!

Thank you for using Enfold.

I’m sorry but you’re using an outdated version of the theme, 3.0.5. Please download the latest version, 3.1, from your themeforest account then update the theme via FTP. Please refer to this link for more info: http://kriesi.at/documentation/enfold/updating-your-theme-files/

Best regards,
Ismael