Forum Replies Created
-
AuthorPosts
-
July 10, 2018 at 1:26 am in reply to: social icons and main menu links button in bad positioning Mobile and Tablet #983448
Hi,
Thank you for the update.
This css code should help.
@media only screen and (max-width: 767px) { .responsive #top #wrap_all .main_menu { right: 50px; } .responsive #top #header .main_menu .social_bookmarks { margin-top: 17px; right: -30px; } }Best regards,
IsmaelJuly 9, 2018 at 11:58 pm in reply to: How to make accordion background and table backgrounds transparent? #983443Hey Nicole,
Thank you for using Enfold.
Add this css code on the Quick CSS field.
.main_color .toggler, .main_color .toggler.activeTitle:hover, main_color .toggle_content { background: transparent; }Best regards,
IsmaelJuly 9, 2018 at 11:42 pm in reply to: Stack columns next to each other instead on top of each other on mobile #983437Hi,
What is the actual model of your phone? Try to adjust the css media query.
@media only screen and (min-width: 480px) and (max-width: 990px) {Adjust the min-value to 360px. You may also need to turn on the custom css class field so that you can replace the generic css selectors.
Best regards,
IsmaelHey socialkiwi2016,
Thank you for using Enfold.
Yes, this is possible. You have to modify the config-templatebuilder > aviashortcodes > toggle > toggle.php file. Look for this code around line 405.
$output .= ' <p data-fake-id="#'.$toggle_atts['custom_id'].'" class="toggler '.$titleClass.$inherit.'" '.$markup_title.' '.$colors.'>'.$toggle_atts['title'].'<span class="toggle_icon" '.$icon_color.'>'; $output .= ' <span class="vert_icon"></span><span class="hor_icon"></span></span> ';Best regards,
IsmaelHi,
Thank you for using Enfold.
The previous css code should have worked. Please try these to remove the background and borders.
.continents .grid-image img { width: auto; display: block; margin: 0 auto; } .continents article.main_color { background: transparent; box-shadow: none; border: 0; }Best regards,
IsmaelHi,
Thanks for the update.
Use this css code to remove the second star.
#top #review_form p.stars:nth-child(2) { display: none; }The price is displaying properly when I check.
Best regards,
IsmaelHi,
I asked Appcom, but they said they use the license also for other clients and he didn’t want to give it.
You can only use the regular license for a single website. They shouldn’t be using it on another project.
Can you tell me why the Block code isn’t working, because it did before.
Where did you add the code block element? Please provide a link to the actual page and the login credentials in the private field.
Best regards,
IsmaelHi,
You uploaded a Pinterest icon. I removed that and then uploaded the actual yelp icon. Please replace the filter in the functions.php file with this one.
// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['yelp'] = array( 'font' =>'yelp_icon', 'icon' => 'uf1e9'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);I get this error in the Appearance > Editor panel.
Something went wrong. Your change may not have been saved. Please try again. There is also a chance that you may need to manually fix and upload the file over FTP.
Best regards,
IsmaelJuly 9, 2018 at 2:23 am in reply to: FALLBACK IMAGE NOT WORKING in Fullwidth Slider with Video #982902Hi,
Thanks for the update.
We’ve added the modification in the config-templatebuidler > slideshow > slideshow.js file. The fix is not included in the core yet. Please check the theme’s change log on the next udpate.
Best regards,
IsmaelHey DROR,
Thank you for using Enfold.
Where do you want to put the arrows? Please provide a screenshot. The layout of the tab section’s titles looks different on your installation. Did you modify it?
Best regards,
IsmaelHi,
The form is displayed on the left. Is this fixed? Please provide a screenshot of the issue if you need more help.
Best regards,
IsmaelHey Michael,
Thank you for using Enfold.
The width is set to 300px by default. You can use these css codes to adjust it.
.html_header_sidebar #top #header { width: 280px; } .html_header_left #main { margin-left: 280px; }Best regards,
IsmaelHey DROR,
Thank you for using Enfold.
This css code should help.
#top div a.remove { margin: 0 auto; } #top .woocommerce-cart-form { border-top: 1px solid #e1e1e1; }Best regards,
IsmaelHey sebastiaan,
Thank you for using Enfold.
It seems to be an issue with the Geocode APi. Please check the project’s API manager and make sure that it is enabled.
Provide the login details in the private field so that we can test it further. Is it working when you put the API key without validating it? Just add the key and then save the theme options. Let us know if that is working.
Best regards,
IsmaelHey ThorstenFB,
Thank you for using Enfold.
The portfolio item’s content or gallery will not be rendered inside the grid so the lightbox script won’t be able to detect it. Unfortunately, this is not possible without major modification in the theme. You may have to use the gallery element.
Best regards,
IsmaelHi,
Where is the shortcode link to? Please provide a link to the page or create a test page with the popup. You can’t set a shortcode as the button link by default.
Best regards,
IsmaelHey navindesigns,
Thank you for using Enfold.
There is no error anymore. Did you run the shortcode parser’s repair function?
Best regards,
IsmaelHey leroyflow,
Thank you for using Enfold.
You have this css code in the Quick CSS field.
@media only screen and (min-width: 990px) { .avia-image-container.av-hover-grow .avia-image-container-inner .avia-image-overlay-wrap img { width: 18.5vw; height: 18.5vw; object-fit: cover; max-width: 248px; max-height: 248px; } }It limits the images’ width to 248px.
Best regards,
IsmaelHey AuroraArcus,
Thank you for using Enfold.
Can you provide a screenshot of the expected layout? I’m not sure which of the images has to be adjusted. Are you referring to the main full width image?
Best regards,
IsmaelHey Johnny,
Thank you for using Enfold.
This filter should help you with that.
add_filter('avia_layout_filter', 'avia_change_post_layout', 10, 2); function avia_change_post_layout($layout, $post_id) { if( is_singular('post') ) { $layout['current'] = $layout['fullsize']; $layout['current']['main'] = 'fullsize'; } return $layout; }Best regards,
IsmaelJuly 6, 2018 at 11:25 am in reply to: Featured image with the same dimension shows different thumb in blog overview #981985Hey tijshensen,
Thank you for using Enfold.
This filter should alter the default sizes attribute based on the current thumbnail.
/** * Set sizes atribute for responsive images and better performance * @param array $attr markup attributes * @param object $attachment WP_Post image attachment post * @param string|array $size named image size or array * @return array markup attributes */ function avf_responsive_img_sizes( $attr, $attachment, $size ) { if ( is_array( $size ) ) { $attr['sizes'] = $size[0] . 'px'; } elseif ( $size == 'widget') { $attr['sizes'] = '36px'; } elseif ( $size == 'square') { $attr['sizes'] = '180px'; } elseif ( $size == 'featured') { $attr['sizes'] = '1500px'; } elseif ( $size == 'featured_large') { $attr['sizes'] = '1500px'; } elseif ( $size == 'extra_large' ) { $attr['sizes'] = '1500px'; } elseif ( $size == 'portfolio' ) { $attr['sizes'] = '495px'; } elseif ( $size == 'portfolio_small' ) { $attr['sizes'] = '260px'; } elseif ( $size == 'gallery' ) { $attr['sizes'] = '845px'; } elseif ( $size == 'magazine' ) { $attr['sizes'] = '710px'; } elseif ( $size == 'masonry' ) { $attr['sizes'] = '705px'; } elseif ( $size == 'entry_with_sidebar' ) { $attr['sizes'] = '845px'; } elseif ( $size == 'entry_without_sidebar' ) { $attr['sizes'] = '1210px'; } return $attr; } add_filter( 'wp_get_attachment_image_attributes', 'avf_responsive_img_sizes', 30, 3 );Let us know if it helps.
Best regards,
IsmaelHey Johannes,
Thank you for using Enfold.
Can we see a screenshot or mockup of the layout that you’re after? Turn on the custom css class field so that you can modify a certain element with css.
Best regards,
IsmaelHey whdsolutions,
Thank you for using Enfold.
Did you use the iconbox element? You can apply a different background to the icon container. Try this css code.
.main_color.iconbox_top .iconbox_icon { background: #ffffff; border: 1px solid red; color: blue; }Best regards,
IsmaelHi,
Thank you for using Enfold.
Use this css code to set the actual width of the images.
.grid-image img { width: auto; display: block; margin: 0 auto; }Best regards,
IsmaelHey sjasen,
Thank you for using Enfold.
What are the errors on mobile view? The page loads fine when I checked.
Best regards,
IsmaelJuly 6, 2018 at 10:50 am in reply to: Gallery (Big Image Above with thumbnails below) remove hover on big? #981974Hey millend,
Thank you for using Enfold.
This is possible but you have to modify the config-templatebuilder > aviashortcodes > gallery > gallery.js file. Look for this code around line 55.
big_prev.stop().animate({opacity:0}, function() { $next.insertAfter(oldImg); oldImg.remove(); big_prev.animate({opacity:1}); big_prev.attr('title',$(_self).attr('title')); });Replace it with this one.
big_prev.stop().animate({opacity:0}, function() { $next.insertAfter(oldImg); oldImg.remove(); big_prev.css({opacity:1}); big_prev.attr('title',$(_self).attr('title')); }, 1);Best regards,
IsmaelHey DROR,
Thank you for using Enfold.
1.) Use this code to fix the alignment.
.rtl .tribe-events-event-meta .column, .rtl .tribe-events-event-meta .tribe-events-meta-group { text-align: right; }2.) This css code should remove the google buttons.
.tribe-events-cal-links { display: none; }3.) Set the bullet points inside the ul tag.
#tribe-events-pg-template .tribe-events-content ul, .tribe-events-after-html ul, .tribe-events-before-html ul { list-style: disc inside; }Best regards,
IsmaelHey apremierdj,
Thank you for using Enfold.
Where can we see the issue? I can’t find the pricing tables on the “stlouisdj site. Did you use columns to separate the tables? Try to set their “Screen Options” > “Fullwidth Break Point” to the second option.
Best regards,
IsmaelJuly 6, 2018 at 10:26 am in reply to: Remove thumbnail overlay, disable changing of big image, remove first thumbnail #981959Hey zizibe1,
Thank you for using Enfold.
1.) You can use this css code to set the opacity of the thumbnail on hover.
#top .avia-gallery .avia-gallery-thumb a:hover { opacity: 1; }2.) Do you need the galleries to open the lightbox? If you don’t need the lighbox, you can use this css code.
#top #wrap_all .avia-gallery a { pointer-events: none; }If lightbox is still needed, you have to edit the gallery script directly.
3.) Use this css code to remove the first thumbnail.
#top #wrap_all .avia-gallery .avia-gallery-thumb a:nth-child(1) { display: none; }Best regards,
Ismael -
AuthorPosts
