Forum Replies Created
-
AuthorPosts
-
Hey!
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,
IsmaelHey!
Aside from doing Yigit’s suggestion, you can set the blog style on Enfold > Blog Layout > Blog Style. Choose the last option (Use the advance layout builder…). Edit the blog page then insert the Blog Posts element. Set the Preview Image Size setting to manual then select the thumbnail size that you want.
Regards,
IsmaelAugust 11, 2014 at 12:13 am in reply to: How to change text in tooltip for social media icons in header. #302323Hi Sharon!
Thank you for using Enfold.
Looks like you managed to change it. Is that correct?
Best regards,
IsmaelHi blankonblank!
You can add this on the child theme’s functions.php.
add_filter('avf_builder_boxes','enable_boxes_on_posts'); function enable_boxes_on_posts($boxes) { $boxes[] = array( 'title' =>__('Avia Layout Builder','avia_framework' ), 'id'=>'avia_builder', 'page'=>array('page','post', 'portfolio'), 'context'=>'normal', 'expandable'=>true ); $boxes[] = array( 'title' =>__('Layout','avia_framework' ), 'id'=>'layout', 'page'=>array('page','post', 'portfolio'), 'context'=>'side', 'priority'=>'low'); $boxes[] = array( 'title' =>__('Additional Portfolio Settings','avia_framework' ), 'id'=>'preview', 'page'=>array('page','post','portfolio'), 'context'=>'normal', 'priority'=>'high' ); return $boxes; }Note that we don’t recommend this modification because there are certain issues when using the ALB on posts.
Cheers!
IsmaelAugust 11, 2014 at 12:07 am in reply to: Masonry customisation (caption background, alignment) #302320Hi Skibro!
Thank you for using the theme.
1.) Change the height of the background image with this on Quick CSS or custom.css:
.av-masonry-image-container { text-align: center; background-size: 100% 100%; background-position: center center; }2.) Date color can be change using this:
span.av-masonry-date.meta-color.updated { color: red; }3.) You can adjust the position of the caption box with this:
.av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content { position: absolute; bottom: 30%; }Adjust the bottom position.
Regards,
IsmaelHey gmarco!
Thank you for using Enfold.
You can edit includes > loop-index.php, find this code on line 186:
echo $content;Replace it with:
if(!is_single()) { echo wp_trim_words( $content, 10 ); } else { echo $content; }Increase the value 10 if necessary.
Best regards,
IsmaelAugust 8, 2014 at 5:54 am in reply to: Masonry_entries.php – get custom field value or content #301462Hey!
Glad you figured this out. If you still have questions, let us know. :)
Best regards,
IsmaelHey chrisheath28!
Thank you for using Enfold.
You can use the Color Section then change the Section Colors to Alternate Content. Regarding the table, you can use inline styling on the rows or columns. Something like this:
<div style="color: red;">Content Here</div>Regards,
IsmaelHi maxmanner!
Thank you for using the theme.
Do you mind providing a screenshot of what you’re trying to do? You can edit config-templatebuilder > avia-shortcodes > masonry_gallery.php.
Best regards,
IsmaelHi!
Thank you for the kind words. Enfold is our most powerful theme yet. I’m sure you’ll find a lot of ways to customize it to look like a completely different website. Note the Revolution Slider plugin is also compatible with the theme.
Best regards,
IsmaelHi erikatzen!
Thank you for using the theme.
Try to deactivate all plugins then test it again. You can post the a screenshot using imgur, dropbox etc. A link to the actual website will help.
Best regards,
IsmaelHi!
I’m sorry but the sort order is for the Masonry element only. You need to manually sort the masonry gallery images.
Regards,
IsmaelAugust 8, 2014 at 5:14 am in reply to: Having trouble creating gallerys with title text underneath. #301441Hi!
It is possible to show the caption below the image. Edit the masonry gallery then look for the Image Title and Caption. Set it to display just the caption.
Best regards,
IsmaelHey!
Glad it is working now but the website is still not loading.
Please use this on Quick CSS to fix the logo on mobile device:
@media only screen and (max-width: 767px) { .responsive .mobile_slide_out .logo img { margin: 0; height: 80% !important; top: 15px; } }Adjust the height and top position if necessary.
Cheers!
IsmaelHey!
Thank you for using the update.
Please use this on functions.php to change the color of the text inside the text editors:
function ava_change_text_color() { ?> '<style type="text/css">.avia-style input[type="text"], .avia-style input[type="input"], .avia-style input[type="password"], .avia-style input[type="email"], .avia-style textarea, .avia-style select { border-color: #e1e1e1; background-color: #fcfcfc; color: #000000 !important; }</style>'; <?php } add_action('admin_head', 'ava_change_text_color');Regards,
IsmaelAugust 8, 2014 at 4:57 am in reply to: Images not displaying on certain articles after theme update #301431Hi!
Thank you for the info.
It might be a problem with the database. Try to restore a backup of the database or try it on a test server. If possible, try to do a database repair. Also, if you have the time, scroll through the media library then delete all images without a thumbnail. Upload them again.
If all else fails, try using this:
.av-magazine-thumbnail img, img { width: auto !important; height: auto !important; }Regards,
IsmaelHey USEYOURHEAD!
Thank you for using the theme.
I’m sorry but what do you mean by “image frames”? Are you referring to the Image element under Media Elements panel?
Regards,
IsmaelHi!
I tested the plugin and played Adele’s Rolling in the Deep and it works well. ;)
Do you mind if we test it on your installation? Please post the login details and set it as a private reply.
Best regards,
Ismael -
AuthorPosts
