Forum Replies Created
-
AuthorPosts
-
Hey blankonblank!
Thank you for using Enfold.
You can change the icons for hover effects on functions.php. Look for this code on line 216:
//image hover overlays 'ov_external' => array( 'font' =>'entypo-fontello', 'icon' => 'ue832'), 'ov_image' => array( 'font' =>'entypo-fontello', 'icon' => 'ue869'), 'ov_video' => array( 'font' =>'entypo-fontello', 'icon' => 'ue897'),Change the icon character code. For example, we’ll change the ov_external icon to something else. Find this code:
'ov_external' => array( 'font' =>'entypo-fontello', 'icon' => 'ue832'),Replace the icon character code ue832:
'ov_external' => array( 'font' =>'entypo-fontello', 'icon' => 'ue803'),You can find the character codes by hovering over the icon list. Find the character codes by hovering over the icons when editing any elements with icons on posts or pages:

Cheers!
IsmaelHey!
You need to create that using html on a text block then add the appropriate css. This is the html structure that they use:
<div id="work" class="bl"> <div class="bl_center"> <span class="title">Как мы работаем</span> <div class="steps"> <div class="row r"> <span class="t1">Шаг 1</span> <span class="t2"> Вы оставляете заявку на нашем <br>сайте. Мы подбираем для Вас <br>подходящие варианты </span> </div> <div class="row l"> <span class="t1">Шаг 2</span> <span class="t2"> Мы организуем просмотр <br>недвижимости в Испании </span> </div> <div class="row r"> <span class="t1">Шаг 3</span> <span class="t2"> Вы выбираете понравившийся <br>вариант и заключаете контракт с<br> застройщиком </span> </div> <div class="row l"> <span class="t1">Шаг 4</span> <span class="t2"> Мы оформляем все необходимые<br> документы для сопровождения <br>сделки и государственной <br> регистрации </span> </div> </div> <span class="family"><img src="img/family.jpg" alt="" title=""></span> </div> </div>Cheers!
IsmaelHi victor!
Thank you for using the theme.
Add the noLightbox or noHover class on the link. For example, edit the tab content:
<a href="http://coolsitemachine.com/wp-content/uploads/2014/08/historyCollage2.jpg" class="lightbox-added alignright" style="float: right; margin: 0px; padding: 0px;"><img class="alignright wp-image-3516 size-full" src="http://coolsitemachine.com/wp-content/uploads/2014/08/historyCollage2.jpg" alt="historyCollage2" width="350" height="551" data-wp-imgselect="1"><span class="image-overlay overlay-type-image" style="left: 5px; top: 4px; overflow: hidden; display: block; height: 551px; width: 360px;"><span class="image-overlay-inside"></span></span></a>Replace it with:
<a class="noLightbox noHover alignright" style="float: right; margin: 0px; padding: 0px;" href="http://coolsitemachine.com/wp-content/uploads/2014/08/historyCollage2.jpg"><img class="noHover alignright wp-image-3516 size-full" src="http://coolsitemachine.com/wp-content/uploads/2014/08/historyCollage2.jpg" alt="historyCollage2" width="350" height="551" data-wp-imgselect="1"></a>Best regards,
IsmaelHi axelfx07!
Thank you for using Enfold.
Please use this on Quick CSS or custom.css:
strong.logo { top: 20px; } .header-scrolled strong.logo { top: 0; }Cheers!
IsmaelHey!
Thank you for the info.
The problem is you’re using a very old version of the theme, 2.6.2. Please download the latest version 2.9.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/
Note that some elements of the theme might break after the update so you have to update or create them from scratch.
Cheers!
IsmaelHey Ed!
Thank you for using Enfold.
Are you referring to the image overlay? Looks like you managed to change the opacity of the hover effect. Is that what you want to do?
Regards,
IsmaelHi jdrakeproductions!
Thank you for using Enfold.
The http://www.getkathie.com/ is on maintenance mode. We need a temporary login detail to see the actual page. Please post it here and set it as a private reply.
Best regards,
IsmaelHi alexmasica!
Thank you for using the theme.
1.) Go to Enfold > Advanced Styling panel then insert the Main Menu Links element to change the appearance of the main menu.
2.) Change the menu hover effect with this:
.avia-menu-fx { position: absolute; bottom: -1px; height: 5px; }Best regards,
IsmaelHi alexmasica!
Thank you for visiting Kriesi’s support forum.
Use this on Quick CSS or custom.css to change the font size of the post:
.container.template-blog p { font-size: 20px; }Cheers!
IsmaelHey alexmasica!
Thank you for using Enfold.
First, we need to see the actual home page with the blog grid style posts then the blog page. We would like to inspect it.
Best regards,
IsmaelHi jdrakeproductions!
Thank you for using Enfold.
Please use this on Quick CSS or custom.css to disable the image hover:
span.image-overlay { display: none !important; }Cheers!
IsmaelHi!
Thank you for using Enfold.
Checked the website again and the header is not transparent. On what browser and OS are you testing this?
Best regards,
IsmaelHi!
Thank you for using the theme.
The menu looks fine when I checked it. A screenshot of the issue will help. You can change the menu color or appearance on Enfold > Advanced Styling panel. Edit the Main Menu Links element.
Best regards,
IsmaelAugust 11, 2014 at 2:58 am in reply to: Easy Slider link area – Wie erstelle ich eine Link Area ? #302365Hey gowapi!
Thank you for visiting Kriesi’s support forum.
Unfortunately, this particular feature is not possible with the slider and is beyond the scope of support and is not a theme related issue. You might need to find a plugin or hire a freelance developer to add the feature for you. Please visit Envato Studio or Werkpress for further customization. You can also vote or post the feature on our Feature Requests page.
If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries. Thank you for your understanding.
Cheers!
IsmaelHey alexmasica!
Thank you for using Enfold.
1.) Add this on Quick CSS:
h3.widgettitle { font-size: 20px; color: orange; }2.) Use this on the recent post links:
.widget_recent_entries ul li a { font-size: 15px; }Cheers!
IsmaelHey alexmasica!
Thank you for using Enfold.
Change the post color of the post title with this:
h2.post-title.entry-title { color: orange !important; }Add the underline when hovered using this:
h2.post-title.entry-title:hover { text-decoration: underline; }Remove the link on single post view using this:
.single h1.post-title.entry-title a { pointer-events: none; }Cheers!
IsmaelHey!
Unfortunately, no, it’s not possible yet. You need to apply the transparency option for each post.
Best regards,
IsmaelHi!
I edited my last comment above. My mistake. You can use a filter to add the ALB on post. Issues are usually minor like featured image not working, contents might not be rendered as usual etc.
Best regards,
IsmaelHey!
I’m sorry but it’s not possible to serve different thumbnail size when viewing on mobile device without modifying the theme files. What you can do it to optimize the site using the following. Usually minimizing the image file sizes and number of plugins that you install will greatly improve the performance. These are the things that you can do to optimize the website speed and page load courtesy of the wordpress community:
1. Optimize all images with AI/Photoshop before uploading to server ‘save as web safe’ jpg as Josue suggested.
2. Once all images are on the website, optimize with ewww optimizer plugin twice 1hr 10mins apart.
3. Install wp-smushit run once to remove jpeg extra data, then uninstall.
4. Use BWP minify plugin to minify scripts and stylesheets.
5. Install WP-Super cache, select all recommended settings. You can also W3 Total Cache with minify settings.
6. Logout your website, visit every page at least once to create super cache files.
7. Join Cloudflare setup your website on their CDN, Choose options: Full CDN Optimisation save then activate purge files. once done log out.
8. Have a cup of coffee.
9. Visit your site after 20 minutes or so.
10. Don’t forget to smile.Of course, improving the hosting plan is a must if you want to fully optimize the website.
Best regards,
IsmaelHey!
Thank you for using the theme.
What do you mean by “it doesn’t load”? Note that you need to select the elements that you want to modify on the Advanced Styling panel. For example, if you want to edit the menu links, add the Main Menu Links element. Also, please disable the cache plugin while working on the site or purge it after you made changes on the theme.
Regards,
IsmaelHi blankonblank!
Thank you for using Enfold.
The masonry entry column size will actually depend on the screen size. It can span up to 5 to 6 columns on larger screens but if you want to decrease the size of the columns on smaller screens, use this:
@media only screen and (max-width: 1340px) and (min-width: 989px) {.responsive .av-masonry-entry { width: 20%; } } @media only screen and (max-width: 767px) and (min-width: 480px) .responsive .av-masonry-gallery .av-masonry-entry { width: 33.3%; }Best regards,
IsmaelHi blankonblank!
Thank you for using the theme.
Place the elements on a color section then add or apply an id to the section using the For Developers: Section ID field. Let’s use full-element-width for example. Add this on Quick CSS or custom.css:
#full-element-width .container { width: 100%; }Regarding the gap between the columns, you should probably use the Masonry element instead.
Cheers!
IsmaelHi!
Sorry for the delay.
Unfortunately, this particular request is beyond the scope of support and is not a theme related issue. You might need to find a plugin or hire a freelance developer to add the feature for you. Please visit Envato Studio or Werkpress for further customization. You can also vote or post the feature on our Feature Requests page.
If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries. Thank you for your understanding.
Regards,
IsmaelHi!
You can add a unique selector for each Avia Elements. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;Below, add this code:
add_theme_support('avia_template_builder_custom_css');Edit any avia elements like the Icon without the border then add a selector on the Custom CSS class field. Let’s use “default-icon” for example. Add this on Quick CSS or custom.css to change the size of the icon without the border:
.default-icon span { font-size: 60px !important; }Regards,
IsmaelHi!
Thank you for the info.
1.) Please add this on Quick CSS or custom.css:
@media only screen and (max-width: 767px) and (min-width: 480px) { .responsive #top #wrap_all .grid-sort-container.grid-total-odd .grid-entry.grid-loop-1 { width: 50% !important; } }Remove browser cache then reload the page a few times.
2.) Go to Settings > Media. Change the dimension of the Large size option then regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/
Best regards,
IsmaelHey!
This particular request usually falls beyond the scope of support but please remove all your modifications then add this on functions.php:
function script_add() { ?> <script type="text/javascript"> jQuery(window).load(function(){ jQuery( ".av-masonry" ).prepend( "<div class='av-masonry-container-overlay'></div>" ); var masonryh = jQuery('.av-masonry-container').height(); var masonryw = jQuery('.av-masonry-container').width(); jQuery('.av-masonry-container-overlay').css({ width: masonryw, height: masonryh}); jQuery('.av-masonry-container-overlay').click(function() { jQuery('.av-masonry-container-overlay').css({ 'opacity': 0, 'z-index': 0}); }); jQuery(window).scroll(function() { jQuery('.av-masonry-container-overlay').css({ 'opacity': 0, 'z-index': 0}); }); }); </script> <?php } add_action('wp_head', 'script_add');Add this on Quick CSS or custom.css:
.av-masonry-container-overlay { display: block; position: absolute; z-index: 9000; background: rgba(0,0,0,.5); opacity: 1; }This should add an overlay on top of the masonry element. Any additional features should be done by yourself or by a freelancer developer.
Regards,
IsmaelAugust 11, 2014 at 12:40 am in reply to: Add social buttons to each element in blog post grid #302331Hey rubendeveloper!
Thank you for using Enfold.
I’m sorry but this is not possible without modifying the share function. Regretfully, this falls beyond the scope of support. Please use third party plugins or hire a freelance developer to modify the function for you. You can try the following social plugins:
http://www.sharethis.com/#sthash.Jfx4jyH4.4gZFwL33.dpbs
https://wordpress.org/plugins/socialize/Regards,
IsmaelHi!
Thank you for the info.
Those are actually good spaces IMO to keep the content from cluttering but if you want to decrease it, use this on Quick CSS or custom.css:
.content { padding-top: 10px; padding-bottom: 10px; }Regards,
IsmaelAugust 11, 2014 at 12:29 am in reply to: Tip: resizing (testimonial) images without PHP edits #302328Hey Ralph12!
Thanks for sharing. You can also use a filter to change the thumbnail size of the testimonial image. Use this on functions.php:
add_filter('avf_testimonials_avatar_size', 'avf_adjust_testimonials_avatar_size' ); function avf_adjust_testimonials_avatar_size($avatar_size) { $avatar_size = 'square'; return $avatar_size; }Upload the images again if you already have the testimonial section or regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/
Best regards,
IsmaelHi ahuby!
Thank you for using the theme.
You should place the text and images inside a column. Put something like this on the icon list editor:
<div class="flex_column av_one_third first">IMAGE HERE</div> <div class="flex_column av_two_third">TEXT HERE</div>Place the image on the one third column container before the text.
Best regards,
Ismael -
AuthorPosts
