-
Search Results
-
In reply to: Enfold Portfolio gallery entry titles above images
Hey nexusgeografics,
You can edit this file:
/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.php
on line 1084 find:
$output .= "<{$link_markup[0]} data-rel='grid-" . avia_post_grid::$grid. "' class='grid-image avia-hover-fx'>{$custom_overlay} " . get_the_post_thumbnail( $the_id, $image_size, $image_attrs ) . "</{$link_markup[1]}>";
cut and paste before line 1124:
$output .= '<footer class="entry-footer"></footer>';
then add a custom class to the “avia-arrow” it will point down instead of up, to do this edit line 1085 from this:
$output .= ! empty( $title ) || ! empty( $excerpt ) ? "<div class='grid-content'><div class='avia-arrow'></div>" : '';
to this:
$output .= ! empty( $title ) || ! empty( $excerpt ) ? "<div class='grid-content'><div class='avia-arrow top-grid-title'></div>" : '';
then add this css to your Quick CSS:.grid-entry .top-grid-title.avia-arrow { border: none; top: 49px; z-index: 1; }This is the results on my test site:
Best regards,
MikeIn reply to: Add Play Button on Mouseover
Hey Julio,
Thank you for the inquiry.
You can actually use the Image element to open the video as an external link, just make sure to apply the “noLightbox” class name in the Advanced > Developer Settings > Custom CSS class field to prevent lightbox from opening. For the play button, you can try this css code.
.avia-image-container:hover .avia-image-overlay-wrap:before { content: 'Play Button Here'; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; z-index: 1000; font-size: 20px; font-weight: bold; color: #ffffff; }Just replace the content value with an actual play button image or a font icon.
Best regards,
IsmaelTopic: round corners on video
Hi! I created this grid row with an image and video side by side:
https://ade-medical.z4pby1v9-liquidwebsites.com/product/test/I’m trying to get the corners on the video to be rounded. It was recommended to me to use this code:
#av-layout-grid-2 .avia-video.avia-video-custom,
#av-layout-grid-2 .avia-iframe-wrap iframe {
border-radius: 15px;
}This works great! However, I want to be able to move the video grid row and place it on several other pages, when I move it, the grid number changes. I tried adding a custom css class and this code:
.round-corners.avia-video.avia-video-custom,
.round-corners.avia-iframe-wrap iframe {
border-radius: 15px !important;
}But it doesn’t work. Can you help?
Also, is it possible to line the video up with the image next to it so they are perfectly aligned top and bottom?
Thanks!
In reply to: Display search icon on mobile in burger flyout
but if you have that search on your main-navigation the magnifier symbol ( search ) is also on hamburger open visible !
Maybe you only had to style the colors of that Search icon
then you will not need anything else ? express your request a little more precisely.
__________
but if you want it like this: https://webers-web.info
you can hide that custom link in your “non-hamburger” navigation by setting it to display none.
Think of that custom class on that custom link:
#avia-menu li.menu-search { display: none; }now we got a menu item search – to have the chance to write into that input field – the link on the item itself disturbs – we had to get rid of the href :
this to child-theme functions.php:function remove_href_from_search_input(){ ?> <script type="text/javascript"> (function($) { $('#header').on('click', '.av-main-nav-wrap', function() { $('#av-burger-menu-ul .menu-search > a:first-of-type').removeAttr("href"); }); })(jQuery); </script> <?php } add_action('wp_footer', 'remove_href_from_search_input');on my testinstallation i got this in my quick css – but you had to adjust it to your settings and needs:
#avia-menu li.menu-search { display: none; } #av-burger-menu-ul li.menu-search a:hover { background-color: transparent !important; } #av-burger-menu-ul li.menu-search a:hover { opacity: 1 !important } #av-burger-menu-ul li.menu-search .ajax_search_response { margin-top: 30px !important; } #av-burger-menu-ul li.menu-search .ajax_search_response * { color: #fff; } #av-burger-menu-ul li.menu-search .ajax_search_response .av_ajax_search_content .av_ajax_search_title { font-size: 16px } #av-burger-menu-ul li.menu-search .ajax_search_response .av_ajax_search_entry:hover .av_ajax_search_title { letter-spacing:0.4px; color: #004e7f } #av-burger-menu-ul li.menu-search .av_ajax_search_image { background-color: #fff; border-radius: 0; color: #000 !important }In reply to: Change contact form submit button to a circle shape
Hey sensiblekaren,
Thank you for your question, try adding the custom class “round-submit” to your contact form element
then add this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:.avia_ajax_form.round-submit .button { border-radius: 100px; min-height: 142px; }this is the result on the basic Enfold demo:
you can adjust to suit your site.Best regards,
MikeIn reply to: exclude images from srcset responsive react.
Hi,
That could also work. We have to modify the config-templatebuilder\avia-shortcodes\slideshow_fullsize\slideshow_fullsize.php file, around line 1073, add this code below to pass the class names to the avia_slideshow object.
$slider->set_extra_class( $meta["el_class"] );In the config-templatebuilder\avia-shortcodes\av-helper-slideshow.php, around line 789, we could check if the class name “nosrcset” exists or not.
if(false == strpos($this->config['class'], "nosrcset")) { $img_tag = Av_Responsive_Images()->make_image_responsive( $img_tag, $slide->ID, $this->config['lazy_loading'] ); }The srcset attribute should not be added whenever the “nosrcset” is used as a custom css class name for a Fullwidth Slider element.
Best regards,
IsmaelIn reply to: Specific height in color section
To sitesme
I had this same issue and finally figured it out after a day of “Inspecting” and fiddling with the settings and custom CSS. I finally ended up searching all the code in the CSS folder for “100px” and found the cause. In the Enfold CSS folder you will find a file called shortcode.css … In the COLOR SECTION of that file you will find the following CSS class defined …
.avia-section{
clear:both;
width:100%;
float:left;
min-height:100px;
position: static; /*fixes a glitch with bg image not displaying below video slide*/
}Rather than change the 100px in the CSS file, I copied the code and pasted it the Theme Options – General Styling – Quick CSS, which will allow you to define Color Sections shallower than 100px and tweak the padding of your content accordingly. I set it to 50px for my purposes, but you can have at it.
.avia-section{
clear:both;
width:100%;
float:left;
min-height: 50px !important;
position: static; /*fixes a glitch with bg image not displaying below video slide*/
}Best of luck.
In reply to: Rotating grid testimonials
Hey natashawalker1,
Thank you for your patience and for the link to your site, the main trouble with your request is that when the testimonials are shown as a grid they are all showing, so what would you show when they change? When the testimonials are in slider mode only one testimonial is shown at a time.
I did come up with a solution where if you have two testimonial elements showing 3 testimonials in a grid each, then we could toggle between the two elements every 8 seconds. But I couldn’t do this on your site because you are using Enfold v4.5.7 and in that version, the testimonial element doesn’t have the custom class option, so you will need to update your theme, but I will explain how to do this.
First, on your page create two testimonial elements each with 3 different testimonials
The add the custom classes first & last to them:
Then add this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:.avia-grid-testimonials.last { display: none; }Then add this script to the end of your functions.php file in Appearance ▸ Editor:
function custom_script() { ?> <script> (function($) { setInterval(function(){ $('.avia-grid-testimonials').toggle() },8000); }(jQuery)); </script> <?php } add_action('wp_footer', 'custom_script');Now you can have two grids switching back and forth, and each grid can be as many elements as you wish but try to have the two use the same number of items. But please note that the switch is sharp without any animation, I tried to add some animation but the timing proved to be very tricky so the plain toggle worked best.
Hopefully, this will help you.Best regards,
MikeIn reply to: Can't remove padding/margin
Hi,
While it is true that many elements have margin & padding settings, what you are doing doesn’t have that option, for your headshot you are adding is plain image inside the text block element
neither the text block element or the WP plain image have margin or padding settings, but even if they did it would not solve because the margin is coming from the paragraph tag [p] inside the text element, not the text element itself.
For your new question, on the very large screen the color section’s vertical-align: middle is showing, to correct please use this css:
#top.home #av_section_1.avia-section.av-minimum-height .container .content { vertical-align: bottom; }After applying the css, please clear your browser cache and check.
So you have a color section with a background image with a column > text block > p > image that you want aligned to the bottom of your background image. The 3 snippets of css above achieve this, but you said that you may like to use this configuration elsewhere, so I recommend adding custom classes to these elements and the snippets and saving the block as a Template so it will be easier for you in the future.
Please let us know if you need assistance adding the custom classes & adjusting the css, if you do please copy this section to a new test page, because creating a template saves the whole page not just this set of elements, and include an admin login in the Private Content area so we can adjust the custom classes and css to work together, then you can save as a template.Best regards,
MikeHi Yigit,
I installed the envato market plugin. After doing that, it recognized that an update is available. I have tried 4 times to run the update with a different message each time. Once it said the update was successful, but then still showed the update was available and I’m using the previous version. Another time it said the update failed because it was the most current version. Another it failed and offered me this:
An error occurred while updating Enfold: The update cannot be installed because we will be unable to copy some files. This is usually due to inconsistent file permissions. archive.php, functions.php, config-wordpress-seo/config.php, config-wordpress-seo/wpseo-mod.js, config-include.php, style.css, config-relevanssi/class-avia-relevanssi.php, header.php, config-gravityforms/gravity-mod.css, config-gravityforms/config.php, config-instagram-feed/class-avia-instagram-feed.php, config-instagram-feed/class-avia-instagram-feed-widget.php, config-woocommerce/config-356.php, config-woocommerce/woocommerce-mod-css-dynamic.php, config-woocommerce/config-woocommerce-bookings/woocommerce-booking-mod.css, config-woocommerce/config-woocommerce-bookings/config.php, config-woocommerce/admin/woo-admin-blocks.css, config-woocommerce/config.php, config-woocommerce/woocommerce-mod.css, config-woocommerce/woocommerce-mod-v26.js, config-woocommerce/woo-loader.php, config-woocommerce/admin-options.php, config-woocommerce/admin-import.php, config-woocommerce/woocommerce-mod.js, config-woocommerce/class-avia-wc-block-editor.php, config-woocommerce/images/arrow_up_down_dark.png, config-woocommerce/images/slideshow-arrow-left.png, config-woocommerce/images/remove.png, config-woocommerce/images/icons-shop-cart.png, config-woocommerce/images/star.png, config-woocommerce/images/arrow_down.png, config-woocommerce/images/slideshow-arrow-right-dark.png, config-woocommerce/images/slideshow-arrow-left-dark.png, config-woocommerce/images/slideshow-arrow-down.png, config-woocommerce/images/bullet_grey.png, config-woocommerce/images/slideshow-arrow-right.png, config-woocommerce/images/arrows.png, config-woocommerce/images/icons-shop-added.png, config-woocommerce/images/loading-light.gif, config-woocommerce/images/arrow_up_down.png, config-woocommerce/images/icons-shop-options.png, config-woocommerce/images/bg-style-wrap.png, config-woocommerce/images/rtl-bullet_grey.png, config-woocommerce/images/icons-shop-details.png, config-woocommerce/images/icon-cart.png, config-woocommerce/images/cross_white.png, config-woocommerce/images/slideshow-arrow-up.png, config-woocommerce/images/trans_dark.png, config-woocommerce/images/icons-shop-loading.gif, config-woocommerce/images/select.png, searchform.php, single.php, config-events-calendar/config.php, config-events-calendar/event-mod.css, config-events-calendar/event-mod-css-dynamic.php, config-events-calendar/views/v2/default-template.php, config-events-calendar/views/pro/map.php, config-events-calendar/views/single-event.php, config-events-calendar/views/single-event-no-mobile.php, config-events-calendar/views/default-template.php, config-bbpress/bbpress-mod.css, config-bbpress/config.php, config-bbpress/images/sticky.png, config-bbpress/images/closed.png, config-bbpress/images/super-sticky.png, search.php, js/avia-snippet-cookieconsent.js, js/avia-snippet-lightbox.js, js/html5shiv.js, js/avia-compat.js, js/avia-snippet-widget.js, js/avia-snippet-hamburger-menu.js, js/aviapopup/jquery.magnific-popup.min.js, js/aviapopup/magnific-popup.css, js/aviapopup/changelog.txt, js/aviapopup/jquery.magnific-popup.js, js/avia.js, js/avia-admin-preview.js, js/avia-snippet-sticky-header.js, js/avia-snippet-sidebarmenu.js, js/avia-snippet-site-preloader.js, js/waypoints/waypoints.js, js/waypoints/changelog.txt, js/waypoints/waypoints.min.js, js/avia-snippet-megamenu.js, js/shortcodes.js, config-templatebuilder/avia-shortcodes/events_countdown/events_countdown.php, config-templatebuilder/avia-shortcodes/postslider/postslider.css, config-templatebuilder/avia-shortcodes/postslider/postslider.php, config-templatebuilder/avia-shortcodes/buttons/buttons.css, config-templatebuilder/avia-shortcodes/buttons/buttons.php, config-templatebuilder/avia-shortcodes/tabs/tabs.css, config-templatebuilder/avia-shortcodes/tabs/tabs.js, config-templatebuilder/avia-shortcodes/tabs/tabs.php, config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.css, config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.js, config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.php, config-templatebuilder/avia-shortcodes/slideshow_fullsize/slideshow_fullsize.css, config-templatebuilder/avia-shortcodes/slideshow_fullsize/slideshow_fullsize.php, config-templatebuilder/avia-shortcodes/widgetarea/widgetarea.php, config-templatebuilder/avia-shortcodes/image_hotspots/image_hotspots.php, config-templatebuilder/avia-shortcodes/image_hotspots/image_hotspots.css, config-templatebuilder/avia-shortcodes/image_hotspots/image_hotspots.js, config-templatebuilder/avia-shortcodes/comments/comments.css, config-templatebuilder/avia-shortcodes/comments/comments.php, config-templatebuilder/avia-shortcodes/av-helper-slideshow.php, config-templatebuilder/avia-shortcodes/buttons_fullwidth/buttons_fullwidth.php, config-templatebuilder/avia-shortcodes/buttons_fullwidth/buttons_fullwidth.css, config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.css, config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.php, config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.js, config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.js, config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.css, config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.php, config-templatebuilder/avia-shortcodes/tab_section/tab_section.php, config-templatebuilder/avia-shortcodes/tab_section/tab_sub_section.php, config-templatebuilder/avia-shortcodes/tab_section/tab_section.css, config-templatebuilder/avia-shortcodes/tab_section/tab_section.js, config-templatebuilder/avia-shortcodes/blog/blog.php, config-templatebuilder/avia-shortcodes/blog/blog.css, config-templatebuilder/avia-shortcodes/product_grid.php, config-templatebuilder/avia-shortcodes/countdown/countdown.php, config-templatebuilder/avia-shortcodes/countdown/countdown.js, config-templatebuilder/avia-shortcodes/countdown/countdown.css, config-templatebuilder/avia-shortcodes/team/team.php, config-templatebuilder/avia-shortcodes/team/team.css, config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.js, config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.php, config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.css, config-templatebuilder/avia-shortcodes/google_maps/google_maps.css, config-templatebuilder/avia-shortcodes/google_maps/google_maps.php, config-templatebuilder/avia-shortcodes/grid_row/grid_row.php, config-templatebuilder/avia-shortcodes/grid_row/grid_row.css, config-templatebuilder/avia-shortcodes/grid_row/cell.php, config-templatebuilder/avia-shortcodes/contentslider/contentslider.php, config-templatebuilder/avia-shortcodes/contentslider/contentslider.css, config-templatebuilder/avia-shortcodes/slideshow_revolution/slideshow_revolution.php, config-templatebuilder/avia-shortcodes/table/table.php, config-templatebuilder/avia-shortcodes/table/table.css, config-templatebuilder/avia-shortcodes/catalogue/catalogue.php, config-templatebuilder/avia-shortcodes/catalogue/catalogue.css, config-templatebuilder/avia-shortcodes/post_metadata/post_metadata.php, config-templatebuilder/avia-shortcodes/post_metadata/post_metadata.css, config-templatebuilder/avia-shortcodes/menu/menu.js, config-templatebuilder/avia-shortcodes/menu/menu.css, config-templatebuilder/avia-shortcodes/menu/menu.php, config-templatebuilder/avia-shortcodes/gallery/gallery.css, config-templatebuilder/avia-shortcodes/gallery/gallery.js, config-templatebuilder/avia-shortcodes/gallery/gallery.php, config-templatebuilder/avia-shortcodes/contact/contact.js, config-templatebuilder/avia-shortcodes/contact/contact.php, config-templatebuilder/avia-shortcodes/contact/contact.css, config-templatebuilder/avia-shortcodes/productslider/productslider.php, config-templatebuilder/avia-shortcodes/buttonrow/buttonrow.css, config-templatebuilder/avia-shortcodes/buttonrow/buttonrow.php, config-templatebuilder/avia-shortcodes/testimonials/testimonials.js, config-templatebuilder/avia-shortcodes/testimonials/testimonials.css, config-templatebuilder/avia-shortcodes/testimonials/testimonials.php, config-templatebuilder/avia-shortcodes/av-helper-mailchimp.php, config-templatebuilder/avia-shortcodes/codeblock/codeblock.php, config-templatebuilder/avia-shortcodes/icongrid/icongrid.css, config-templatebuilder/avia-shortcodes/icongrid/icongrid.php, config-templatebuilder/avia-shortcodes/icongrid/icongrid.js, config-templatebuilder/avia-shortcodes/notification/notification.js, config-templatebuilder/avia-shortcodes/notification/notification.css, config-templatebuilder/avia-shortcodes/notification/notification.php, config-templatebuilder/avia-shortcodes/magazine/magazine.php, config-templatebuilder/avia-shortcodes/magazine/magazine.css, config-templatebuilder/avia-shortcodes/magazine/magazine.js, config-templatebuilder/avia-shortcodes/heading/heading.css, config-templatebuilder/avia-shortcodes/heading/heading.php, config-templatebuilder/avia-shortcodes/iconlist/iconlist.js, config-templatebuilder/avia-shortcodes/iconlist/iconlist.css, config-templatebuilder/avia-shortcodes/iconlist/iconlist.php, config-templatebuilder/avia-shortcodes/slideshow_feature_image/slideshow_feature_image.php, config-templatebuilder/avia-shortcodes/slideshow_feature_image/slideshow_feature_image.css, config-templatebuilder/avia-shortcodes/events_upcoming/events_upcoming.css, config-templatebuilder/avia-shortcodes/events_upcoming/events_upcoming.php, config-templatebuilder/avia-shortcodes/masonry_gallery/masonry_gallery.php, config-templatebuilder/avia-shortcodes/timeline/timeline.js, config-templatebuilder/avia-shortcodes/timeline/timeline.php, config-templatebuilder/avia-shortcodes/timeline/timeline.css, config-templatebuilder/avia-shortcodes/page_split.php, config-templatebuilder/avia-shortcodes/portfolio/isotope.js, config-templatebuilder/avia-shortcodes/portfolio/portfolio.css, config-templatebuilder/avia-shortcodes/portfolio/portfolio.js, config-templatebuilder/avia-shortcodes/portfolio/portfolio.php, config-templatebuilder/avia-shortcodes/social_share/social_share.css, config-templatebuilder/avia-shortcodes/social_share/social_share.php, config-templatebuilder/avia-shortcodes/video/video.css, config-templatebuilder/avia-shortcodes/video/video.js, config-templatebuilder/avia-shortcodes/video/video.php, config-templatebuilder/avia-shortcodes/section/section.php, config-templatebuilder/avia-shortcodes/slideshow/slideshow.css, config-templatebuilder/avia-shortcodes/slideshow/slideshow.php, config-templatebuilder/avia-shortcodes/slideshow/slideshow.js, config-templatebuilder/avia-shortcodes/slideshow/slideshow-video.js, config-templatebuilder/avia-shortcodes/image/image.css, config-templatebuilder/avia-shortcodes/image/image.php, config-templatebuilder/avia-shortcodes/textblock/textblock.php, config-templatebuilder/avia-shortcodes/dropcaps.php, config-templatebuilder/avia-shortcodes/product_list.php, config-templatebuilder/avia-shortcodes/postcontent/postcontent.php, config-templatebuilder/avia-shortcodes/av-helper-masonry.php, config-templatebuilder/avia-shortcodes/progressbar/progressbar.php, config-templatebuilder/avia-shortcodes/progressbar/progressbar.css, config-templatebuilder/avia-shortcodes/progressbar/progressbar.js, config-templatebuilder/avia-shortcodes/leaflet_maps/leaflet_maps.php, config-templatebuilder/avia-shortcodes/leaflet_maps/leaflet_maps.css, config-templatebuilder/avia-shortcodes/icon/icon.css, config-templatebuilder/avia-shortcodes/icon/icon.php, config-templatebuilder/avia-shortcodes/search/search.php, config-templatebuilder/avia-shortcodes/search/search.css, config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.php, config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.js, config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.css, config-templatebuilder/avia-shortcodes/hr/hr.php, config-templatebuilder/avia-shortcodes/hr/hr.css, config-templatebuilder/avia-shortcodes/iconbox/iconbox.php, config-templatebuilder/avia-shortcodes/iconbox/iconbox.css, config-templatebuilder/avia-shortcodes/logoslider/logoslider.php, config-templatebuilder/avia-shortcodes/mailchimp/mailchimp.php, config-templatebuilder/avia-shortcodes/columns/columns.php, config-templatebuilder/avia-shortcodes/instagram_feed/instagram_feed.php, config-templatebuilder/avia-shortcodes/toggles/toggles.css, config-templatebuilder/avia-shortcodes/toggles/toggles.js, config-templatebuilder/avia-shortcodes/toggles/toggles.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_meta.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_review.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_button.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippets.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_upsells.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_tabs.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_price.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_info.php, config-templatebuilder/avia-shortcodes/numbers/numbers.css, config-templatebuilder/avia-shortcodes/numbers/numbers.php, config-templatebuilder/avia-shortcodes/numbers/numbers.js, config-templatebuilder/avia-shortcodes/audio-player/audio-player.css, config-templatebuilder/avia-shortcodes/audio-player/audio-player.php, config-templatebuilder/avia-shortcodes/audio-player/audio-player.js, config-templatebuilder/avia-shortcodes/promobox/promobox.php, config-templatebuilder/avia-shortcodes/promobox/promobox.css, config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.js, config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.css, config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.php, config-templatebuilder/avia-template-builder/config/meta.php, config-templatebuilder/avia-template-builder/config/javascript_strings.php, config-templatebuilder/avia-template-builder/config/pointers.php, config-templatebuilder/avia-template-builder/template-builder.php, config-templatebuilder/avia-template-builder/assets/js/avia-history.js, config-templatebuilder/avia-template-builder/assets/js/avia-element-behavior.js, config-templatebuilder/avia-template-builder/assets/js/avia-tinymce-buttons.js, config-templatebuilder/avia-template-builder/assets/js/avia-table.js, config-templatebuilder/avia-template-builder/assets/js/avia-custom-elements.js, config-templatebuilder/avia-template-builder/assets/js/avia-modal.js, config-templatebuilder/avia-template-builder/assets/js/avia-tooltip.js, config-templatebuilder/avia-template-builder/assets/js/avia-tab-section.js, config-templatebuilder/avia-template-builder/assets/js/avia-media.js, config-templatebuilder/avia-template-builder/assets/js/avia-tinymce-linebreak.js, config-templatebuilder/avia-template-builder/assets/js/avia-tinymce-buttons-4.js, config-templatebuilder/avia-template-builder/assets/js/avia-tab-toggle.js, config-templatebuilder/avia-template-builder/assets/js/avia-template-saving.js, config-templatebuilder/avia-template-builder/assets/js/avia-builder.js, config-templatebuilder/avia-template-builder/assets/css/avia-modal.css, config-templatebuilder/avia-template-builder/assets/css/avia-builder.css, config-templatebuilder/avia-template-builder/assets/css/avia-builder-rtl.css, config-templatebuilder/avia-template-builder/assets/css/avia-custom-elements.css, config-templatebuilder/avia-template-builder/assets/css/avia-media.css, config-templatebuilder/avia-template-builder/assets/fonts/config.json, config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff2, config-templatebuilder/avia-template-builder/assets/fonts/charmap-compat.php, config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.svg, config-templatebuilder/avia-template-builder/assets/fonts/charmap.php, config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot, config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf, config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff, config-templatebuilder/avia-template-builder/assets/dividers/pyramids-negative.svg, config-templatebuilder/avia-template-builder/assets/dividers/clouds.svg, config-templatebuilder/avia-template-builder/assets/dividers/arrow-negative.svg, config-templatebuilder/avia-template-builder/assets/dividers/curve-asymmetrical.svg, config-templatebuilder/avia-template-builder/assets/dividers/triangle-negative.svg, config-templatebuilder/avia-template-builder/assets/dividers/drops.svg, config-templatebuilder/avia-template-builder/assets/dividers/split.svg, config-templatebuilder/avia-template-builder/assets/dividers/split-negative.svg, config-templatebuilder/avia-template-builder/assets/dividers/waves.svg, config-templatebuilder/avia-template-builder/assets/dividers/opacity-tilt.svg, config-templatebuilder/avia-template-builder/assets/dividers/curve-negative.svg, config-templatebuilder/avia-template-builder/assets/dividers/triangle.svg, config-templatebuilder/avia-template-builder/assets/dividers/book.svg, config-templatebuilder/avia-template-builder/assets/dividers/book-negative.svg, config-templatebuilder/avia-template-builder/assets/dividers/arrow.svg, config-templatebuilder/avia-template-builder/assets/dividers/mountains.svg, config-templatebuilder/avia-template-builder/assets/dividers/waves-pattern.svg, config-templatebuilder/avia-template-builder/assets/dividers/waves-negative.svg, config-templatebuilder/avia-template-builder/assets/dividers/curve.svg, config-templatebuilder/avia-template-builder/assets/dividers/triangle-asymmetrical-negative.svg, config-templatebuilder/avia-template-builder/assets/dividers/opacity-fan.svg, config-templatebuilder/avia-template-builder/assets/dividers/zigzag.svg, config-templatebuilder/avia-template-builder/assets/dividers/wave-brush.svg, config-templatebuilder/avia-template-builder/assets/dividers/tilt.svg, config-templatebuilder/avia-template-builder/assets/dividers/triangle-asymmetrical.svg, config-templatebuilder/avia-template-builder/assets/dividers/pyramids.svg, config-templatebuilder/avia-template-builder/assets/dividers/drops-negative.svg, config-templatebuilder/avia-template-builder/assets/dividers/curve-asymmetrical-negative.svg, config-templatebuilder/avia-template-builder/assets/dividers/clouds-negative.svg, config-templatebuilder/avia-template-builder/php/class-html-helper.php, config-templatebuilder/avia-template-builder/php/class-shortcode-helper.php, config-templatebuilder/avia-template-builder/php/class-svg-shapes.php, config-templatebuilder/avia-template-builder/php/class-asset-manager.php, config-templatebuilder/avia-template-builder/php/class-media.php, config-templatebuilder/avia-template-builder/php/base-classes/class-popup-templates-callback.php, config-templatebuilder/avia-template-builder/php/base-classes/class-element-styling-base.php, config-templatebuilder/avia-template-builder/php/base-classes/class-popup-templates-base.php, config-templatebuilder/avia-template-builder/php/base-classes/class-element-styling-rules.php, config-templatebuilder/avia-template-builder/php/class-storage-post.php, config-templatebuilder/avia-template-builder/php/class-post-css-management.php, config-templatebuilder/avia-template-builder/php/class-tiny-button.php, config-templatebuilder/avia-template-builder/php/external/JSqueeze.php, config-templatebuilder/avia-template-builder/php/class-front-templates.php, config-templatebuilder/avia-template-builder/php/class-save-buildertemplate.php, config-templatebuilder/avia-template-builder/php/class-popup-templates.php, config-templatebuilder/avia-template-builder/php/class-element-styling.php, config-templatebuilder/avia-template-builder/php/class-element-templates.php, config-templatebuilder/avia-template-builder/php/class-shortcode-template.php, config-templatebuilder/avia-template-builder/php/traits/trait-sc-button-styles.php, config-templatebuilder/avia-template-builder/php/traits/trait-sc-named-colors.php, config-templatebuilder/avia-template-builder/php/class-meta-box.php, config-templatebuilder/avia-template-builder/php/class-shortcode-parser.php, config-templatebuilder/avia-template-builder/php/class-font-manager.php, config-templatebuilder/avia-template-builder/php/class-generic-helper.php, config-templatebuilder/avia-template-builder/php/class-pointer.php, config-templatebuilder/avia-template-builder/php/class-template-builder.php, config-templatebuilder/avia-template-builder/php/class-element-manager.php, config-templatebuilder/avia-template-builder/images/sc-submenu.png, config-templatebuilder/avia-template-builder/images/icon-store.png, config-templatebuilder/avia-template-builder/images/sc-testimonials.png, config-templatebuilder/avia-template-builder/images/tiny_line_break.png, config-templatebuilder/avia-template-builder/images/sc-promobox.png, config-templatebuilder/avia-template-builder/images/sc-button.png, config-templatebuilder/avia-template-builder/images/sc-partner.png, config-templatebuilder/avia-template-builder/images/placeholder-audio.png, config-templatebuilder/avia-template-builder/images/sc-audio-player.png, config-templatebuilder/avia-template-builder/images/icon-edit.png, config-templatebuilder/avia-template-builder/images/sc-heading.png, config-templatebuilder/avia-template-builder/images/sc-progressbar.png, config-templatebuilder/avia-template-builder/images/sc-fifth.png, config-templatebuilder/avia-template-builder/images/sc-slideshow-layer.png, config-templatebuilder/avia-template-builder/images/iconswitcher/phablet.png, config-templatebuilder/avia-template-builder/images/iconswitcher/desktop.png, config-templatebuilder/avia-template-builder/images/iconswitcher/tablet-landscape.png, config-templatebuilder/avia-template-builder/images/iconswitcher/tablet-portrait.png, config-templatebuilder/avia-template-builder/images/iconswitcher/mobile.png, config-templatebuilder/avia-template-builder/images/sc-tabsection.png, config-templatebuilder/avia-template-builder/images/sc-masonry-gallery.png, config-templatebuilder/avia-template-builder/images/layout-fullwidth.png, config-templatebuilder/avia-template-builder/images/layout-slideshow.png, config-templatebuilder/avia-template-builder/images/sc-image-hotspot.png, config-templatebuilder/avia-template-builder/images/sc-gallery.png, config-templatebuilder/avia-template-builder/images/sc-fullscreen.png, config-templatebuilder/avia-template-builder/images/sc-codeblock.png, config-templatebuilder/avia-template-builder/images/sc-postcontent.png, config-templatebuilder/avia-template-builder/images/placeholder-full.jpg, config-templatebuilder/avia-template-builder/images/sc-masonry.png, config-templatebuilder/avia-template-builder/images/placeholder.jpg, config-templatebuilder/avia-template-builder/images/sc-contentslider.png, config-templatebuilder/avia-template-builder/images/sc-post-metadata.png, config-templatebuilder/avia-template-builder/images/icon-template.png, config-templatebuilder/avia-template-builder/images/sc-accordion-slider.png, config-templatebuilder/avia-template-builder/images/sc-half.png, config-templatebuilder/avia-template-builder/images/sc-timeline.png, config-templatebuilder/avia-template-builder/images/sc-video.png, config-templatebuilder/avia-template-builder/images/sc-two_fifth.png, config-templatebuilder/avia-template-builder/images/sc-layout_row.png, config-templatebuilder/avia-template-builder/images/sc-full.png, config-templatebuilder/avia-template-builder/images/icon-leftright.png, config-templatebuilder/avia-template-builder/images/sc-accordion.png, config-templatebuilder/avia-template-builder/images/sc-third.png, config-templatebuilder/avia-template-builder/images/sc-price.png, config-templatebuilder/avia-template-builder/images/icon-trash-side.png, config-templatebuilder/avia-template-builder/images/sc-icon_box.png, config-templatebuilder/avia-template-builder/images/icon-add.png, config-templatebuilder/avia-template-builder/images/icon-table-ud.png, config-templatebuilder/avia-template-builder/images/sc-slideshow.png, config-templatebuilder/avia-template-builder/images/sc-slideshow-full.png, config-templatebuilder/avia-template-builder/images/icon-trash.png, config-templatebuilder/avia-template-builder/images/placeholder-image.png, config-templatebuilder/avia-template-builder/images/sc-four_fifth.png, config-templatebuilder/avia-template-builder/images/sc-comments.png, config-templatebuilder/avia-template-builder/images/icon-shrink.png, config-templatebuilder/avia-template-builder/images/icon-expand.png, config-templatebuilder/avia-template-builder/images/layout-right.png, config-templatebuilder/avia-template-builder/images/sc-search.png, config-templatebuilder/avia-template-builder/images/sc-fourth.png, config-templatebuilder/avia-template-builder/images/sc-portfolio.png, config-templatebuilder/avia-template-builder/images/icon-undo.png, config-templatebuilder/avia-template-builder/images/sc-tabs.png, config-templatebuilder/avia-template-builder/images/loading.gif, config-templatebuilder/avia-template-builder/images/sc-icongrid.png, config-templatebuilder/avia-template-builder/images/icon-clone.png, config-templatebuilder/avia-template-builder/images/sc-iconlist.png, config-templatebuilder/avia-template-builder/images/sc-social.png, config-templatebuilder/avia-template-builder/images/icon-move.png, config-templatebuilder/avia-template-builder/images/sc-three_fifth.png, config-templatebuilder/avia-template-builder/images/icon-cut.png, config-templatebuilder/avia-template-builder/images/icon-add-nohover.png, config-templatebuilder/avia-template-builder/images/sc-sixth.png, config-templatebuilder/avia-template-builder/images/sc-notification.png, config-templatebuilder/avia-template-builder/images/sc-magazine.png, config-templatebuilder/avia-template-builder/images/sc-text_block.png, config-templatebuilder/avia-template-builder/images/sc-team.png, config-templatebuilder/avia-template-builder/images/sc-hr.png, config-templatebuilder/avia-template-builder/images/sc-numbers.png, config-templatebuilder/avia-template-builder/images/bg-button.png, config-templatebuilder/avia-template-builder/images/icon-table-lr.png, config-templatebuilder/avia-template-builder/images/icon-hotkey.png, config-templatebuilder/avia-template-builder/images/icon-redo.png, config-templatebuilder/avia-template-builder/images/sc-blog.png, config-templatebuilder/avia-template-builder/images/sc-countdown.png, config-templatebuilder/avia-template-builder/images/sc-sidebar.png, config-templatebuilder/avia-template-builder/images/loading_mini.gif, config-templatebuilder/avia-template-builder/images/sc-instagram-feed.png, config-templatebuilder/avia-template-builder/images/icon-grow.png, config-templatebuilder/avia-template-builder/images/sc-section.png, config-templatebuilder/avia-template-builder/images/sc-three_fourth.png, config-templatebuilder/avia-template-builder/images/sc-two_third.png, config-templatebuilder/avia-template-builder/images/sc-maps.png, config-templatebuilder/avia-template-builder/images/sc-table.png, config-templatebuilder/avia-template-builder/images/icon-info.png, config-templatebuilder/avia-template-builder/images/layout-left.png, config-templatebuilder/avia-template-builder/images/sc-catalogue.png, config-templatebuilder/avia-template-builder/images/sc-icon.png, config-templatebuilder/avia-template-builder/images/sc-leaflet-maps.png, config-templatebuilder/avia-template-builder/images/tiny-button.png, config-templatebuilder/avia-template-builder/images/sc-contact.png, config-templatebuilder/avia-template-builder/images/sc-image.png, config-templatebuilder/avia-template-builder/images/sc-postslider.png, config-templatebuilder/avia-template-builder/images/sc-buttonrow.png, config-templatebuilder/avia-template-builder/images/placeholder-video.png, config-templatebuilder/avia-template-builder/images/select.png, config-templatebuilder/config.php, screenshot.png, index.php, 404.php, css/shortcodes.css, css/avia-snippet-site-preloader.css, css/rtl.css, css/base.css, css/admin-preview.css, css/dynamic-css.php, css/grid.css, css/layout.css, css/avia-snippet-cookieconsent.css, css/avia-snippet-widget.css, css/custom.css, css/avia-snippet-lightbox.css, includes/class-avia-custom-pages.php, includes/loop-comments.php, includes/loop-author.php, includes/loop-page.php, includes/helper-assets.php, includes/helper-template-logic.php, includes/loop-about-author.php, includes/helper-privacy.php, includes/helper-post-format.php, includes/admin/register-backend-advanced-styles.php, includes/admin/register-demo-import.php, includes/admin/register-admin-options.php, includes/admin/register-dynamic-styles.php, includes/admin/option_tabs/avia_blog.php, includes/admin/option_tabs/avia_layout.php, includes/admin/option_tabs/avia_avia.php, includes/admin/option_tabs/avia_social.php, includes/admin/option_tabs/avia_seo.php, includes/admin/option_tabs/avia_google.php, includes/admin/option_tabs/avia_element_templates.php, includes/admin/option_tabs/avia_upload.php, includes/admin/option_tabs/avia_styling.php, includes/admin/option_tabs/avia_performance.php, includes/admin/option_tabs/avia_menu.php, includes/admin/option_tabs/avia_footer.php, includes/admin/option_tabs/avia_shop.php, includes/admin/option_tabs/avia_customizer.php, includes/admin/option_tabs/avia_ext_leaflet_maps.php, includes/admin/option_tabs/avia_builder.php, includes/admin/option_tabs/avia_ext_avia_ext.php, includes/admin/option_tabs/avia_header.php, includes/admin/option_tabs/avia_cookie.php, includes/admin/option_tabs/avia_newsletter.php, includes/admin/option_tabs/avia_sidebars.php, includes/admin/option_tabs/avia_demo.php, includes/admin/register-admin-metabox.php, includes/admin/helper-compat-update.php, includes/admin/register-backend-styles.php, includes/admin/register-widget-area.php, includes/admin/register-portfolio.php, includes/admin/demo_files/default.php, includes/admin/demo_files/default.xml, includes/admin/demo_files/demo_images/default.jpg, includes/helper-conditional-megamenu.php, includes/related-posts.php, includes/helper-markup.php, includes/loop-search.php, includes/helper-social-media.php, includes/loop-portfolio-single.php, includes/loop-index.php, includes/error404.php, includes/helper-responsive-megamenu.php, includes/helper-main-menu.php, config-gutenberg/class-avia-gutenberg-theme-integration.php, config-gutenberg/class-avia-gutenberg.php, config-gutenberg/js/avia_blocks_front.js, config-gutenberg/js/avia_gutenberg.js, config-gutenberg/css/avia-gutenberg-editor.css, config-gutenberg/css/avia_gutenberg.css, config-gutenberg/class-avia-gutenberg-dynamic-styles.php, config-layerslider/config.php, template-builder.php, author.php, comments.php, template-blank.php, config-menu-exchange/config.php, single-portfolio.php, sidebar.php, tag.php, taxonomy-portfolio_entries.php, wpml-config.xml, forum.php, template-archives.php, page.php, functions-enfold.php, framework/avia_framework.php, framework/js/avia_mega_menu.js, framework/js/deprecated/avia_edit_dynamic_templtes.js, framework/js/deprecated/avia_dynamic_templates.js, framework/js/avia_media_wp35.js, framework/js/avia_advanced_form_elements.js, framework/js/avia_option_pages.js, framework/js/conditional_load/avia_google_recaptcha_front.js, framework/js/conditional_load/avia_conditional_mega_menu.js, framework/js/conditional_load/avia_facebook_front.js, framework/js/conditional_load/avia_google_maps_api.js, framework/js/conditional_load/avia_google_maps_front.js, framework/js/conditional_load/avia_google_recaptcha_api.js, framework/js/conditional_load/avia_google_maps_widget_admin.js, framework/js/avia_media.js, framework/js/avia_media_advanced.js, framework/js/avia_sidebar.js, framework/js/avia_colorpicker.js, framework/css/avia_colorpicker.css, framework/css/avia_sidebar.css, framework/css/avia_admin.css, framework/css/conditional_load/avia_global_admin.css, framework/css/conditional_load/avia_admin_modern.css, framework/css/conditional_load/avia_gallery_mode.css, framework/php/class-breadcrumb-trail.php, framework/php/class-gmaps.php, framework/php/function-set-avia-frontend.php, framework/php/class-metabox.php, framework/php/legacy/class-tgm-plugin-activation.php, framework/php/inc-autoconfig.php, framework/php/function-set-avia-backend.php, framework/php/class-media.php, framework/php/class-form-generator.php, framework/php/class-htmlhelper.php, framework/php/class-update-notifier.php, framework/php/class-adminpages.php, framework/php/auto-updates/class-envato-protected-api.php, framework/php/auto-updates/class-avia-theme-updater.php, framework/php/auto-updates/class-avia-envato-base-api.php, framework/php/auto-updates/class-pixelentity-theme-update.php, framework/php/auto-updates/auto-updates.php, framework/php/class-responsive-images.php, framework/php/class-database-option-sets.php, framework/php/class-sidebar-generator.php, framework/php/class-breadcrumb-legacy.php, framework/php/class-style-generator.php, framework/php/class-framework-widgets.php, framework/php/wordpress-importer/avia-export-class.php, framework/php/wordpress-importer/avia-import-class.php, framework/php/wordpress-importer/wordpress-importer.php, framework/php/wordpress-importer/parsers.php, framework/php/class-megamenu.php, framework/php/class-grecaptcha.php, framework/php/class-queryfilter.php, framework/php/font-management/class-avia-icon-fonts.php, framework/php/font-management/class-avia-type-fonts.php, framework/php/font-management/class-avia-font-management-base.php, framework/php/class-superobject.php, framework/php/avia_shortcodes/av-prev.php, framework/php/avia_shortcodes/tinymce/editor_plugin_3.js, framework/php/avia_shortcodes/tinymce/img/icon.png, framework/php/avia_shortcodes/tinymce/js/tab-control.js, framework/php/avia_shortcodes/tinymce/js/dialog.js, framework/php/avia_shortcodes/tinymce/js/column-control.js, framework/php/avia_shortcodes/tinymce/js/sidebar-tab-control.js, framework/php/avia_shortcodes/tinymce/js/table-control.js, framework/php/avia_shortcodes/tinymce/editor_plugin.js, framework/php/avia_shortcodes/tinymce/dialog.php, framework/php/avia_shortcodes/img/checkmark.gif, framework/php/avia_shortcodes/img/preloader.gif, framework/php/avia_shortcodes/img/x.gif, framework/php/avia_shortcodes/img/globe-preloader.gif, framework/php/avia_shortcodes/css/styles.css, framework/php/avia_shortcodes/shortcodes.php, framework/php/avia_shortcodes/sc/latest_portfolio.js, framework/php/avia_shortcodes/sc/tab.js, framework/php/avia_shortcodes/sc/iconbox_top.js, framework/php/avia_shortcodes/sc/latest_posts.js, framework/php/avia_shortcodes/sc/box.js, framework/php/avia_shortcodes/sc/column.js, framework/php/avia_shortcodes/sc/big_box.js, framework/php/avia_shortcodes/sc/digg.js, framework/php/avia_shortcodes/sc/table.js, framework/php/avia_shortcodes/sc/related.js, framework/php/avia_shortcodes/sc/sidebar_tabs.js, framework/php/avia_shortcodes/sc/twitter.js, framework/php/avia_shortcodes/sc/button.js, framework/php/avia_shortcodes/sc/toggle.js, framework/php/avia_shortcodes/sc/fblike.js, framework/php/avia_shortcodes/sc/iconbox.js, framework/php/avia_shortcodes/sc/latest_tweets.js, framework/php/avia_shortcodes/sc/tweetmeme.js, framework/php/avia_shortcodes/sc/slider.js, framework/php/avia_shortcodes/sc/quote.js, framework/php/avia_shortcodes/sc/ilink.js, framework/php/inc-avia-importer.php, framework/php/function-set-avia-ajax.php, framework/php/inc-avia-download-demo.php, framework/images/misc/grecaptcha-check-light-compact.png, framework/images/misc/placeholder.jpg, framework/images/misc/grecaptcha-check-light-normal.png, framework/images/misc/grecaptcha-check-dark-compact.png, framework/images/misc/grecaptcha-check-dark-normal.png, framework/images/icons/social_facebook.png, framework/images/icons/wand.png, framework/images/icons/video.png, framework/images/icons/video_insert_image.png, framework/images/icons/alert.png, framework/images/icons/social_flickr.png, framework/images/icons/images.png, framework/images/icons/social_twitter.png, framework/images/icons/doc_text_image.png, framework/images/icons/blog.png, framework/images/icons/layout_select.png, framework/images/icons/book_addresses.png, framework/images/icons/error.png, framework/images/icons/brick.png, framework/images/icons/update.png, framework/images/icons/paintbrush.png, framework/images/icons/paintcan.png, framework/images/icons/icon-trash.png, framework/images/icons/layout_select_footer.png, framework/images/icons/application_side_expand.png, framework/images/icons/loading.gif, framework/images/icons/cog.png, framework/images/icons/layout_select_sidebar.png, framework/images/icons/close.png, framework/images/icons/photo_album.png, framework/images/icons/cart.png, (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , framework/images/icons/map.png, framework/images/icons/loading_mini.gif, framework/images/icons/bin_closed.png, framework/images/icons/user.png, framework/images/icons/hammer_screwdriver.png, framework/images/icons/search.png, framework/images/icons/success.png, framework/images/icons/blueprint_horizontal.png, framework/images/icons/readme.txt, framework/images/icons/page_white_wrench.png, framework/images/icons/import_export.png, framework/images/icons/palette.png, framework/images/icons/layout_header_footer_3_mix.png, framework/images/icons/accept.png, framework/images/icons/add.png, framework/images/colorpicker/custom_submit.png, framework/images/colorpicker/colorpicker_hsb_h.png, framework/images/colorpicker/custom_indic.gif, framework/images/colorpicker/custom_hsb_b.png, framework/images/colorpicker/custom_hsb_s.png, framework/images/colorpicker/colorpicker_select.gif, framework/images/colorpicker/custom_rgb_r.png, framework/images/colorpicker/colorpicker_indic.gif, framework/images/colorpicker/colorpicker_hsb_b.png, framework/images/colorpicker/custom_background.png, framework/images/colorpicker/colorpicker_rgb_r.png, framework/images/colorpicker/select2.png, framework/images/colorpicker/custom_rgb_b.png, framework/images/colorpicker/slider.png, framework/images/colorpicker/colorpicker_hsb_s.png, framework/images/colorpicker/custom_hex.png, framework/images/colorpicker/custom_hsb_h.png, framework/images/colorpicker/colorpicker_background.png, framework/images/colorpicker/colorpicker_hex.png, framework/images/colorpicker/colorpicker_overlay.png, framework/images/colorpicker/colorpicker_rgb_g.png, framework/images/colorpicker/blank.gif, framework/images/colorpicker/colorpicker_submit.png, framework/images/colorpicker/colorpicker_rgb_b.png, framework/images/colorpicker/custom_rgb_g.png, framework/images/colorpicker/select.png, framework/images/layout/bg.png, framework/images/layout/select_colorpicker.png, framework/images/layout/FIND_API.jpg, framework/images/layout/sort_arrow_down.png, framework/images/layout/menu-bits.gif, framework/images/layout/bg-style-wrap.png, framework/images/layout/gray-grad.png, framework/images/layout/bg-button.png, framework/images/layout/bg-bottom-shadow.png, framework/images/layout/diagonal-bold-light.png, framework/images/layout/arrow.png, framework/images/layout/transparency.png, framework/images/layout/select.png, lang/tr_TR.po, lang/es_ES.mo, lang/de_AT.po, lang/sk_SK.po, lang/sv_SE.po, lang/sv_SE.mo, lang/ru_RU.mo, lang/zh_CN.po, lang/de_DE_formal.po, lang/pt_BR.po, lang/ar.mo, lang/hu_HU.mo, lang/cs_CZ.mo, lang/sk_SK.mo, lang/es_ES.po, lang/ko_KR.po, lang/de_DE.po, lang/hu_HU.po, lang/zh_CN.mo, lang/ja.po, lang/nb_NO.po, lang/nb_NO.mo, lang/zh_TW.po, lang/fr_FR.po, lang/enfold.pot, lang/ar.po, lang/ko_KR.mo, lang/pt_BR.mo, lang/ja.mo, lang/de_CH.mo, lang/de_DE_formal.mo, lang/ru_RU.po, lang/he_IL.mo, lang/it_IT.mo, lang/da_DK.po, lang/it_IT.po, lang/ro_RO.mo, lang/zh_TW.mo, lang/da_DK.mo, lang/pl_PL.po, lang/de_DE.mo, lang/fa_IR.po, lang/de_AT.mo, lang/nl_NL.po, lang/fr_FR.mo, lang/fa_IR.mo, lang/ro_RO.po, lang/cs_CZ.po, lang/nl_NL.mo, lang/ca.mo, lang/tr_TR.mo, lang/pl_PL.mo, lang/el_GR.mo, lang/el_GR.po, lang/de_CH.po, lang/ca.po, lang/he_IL.po, footer.php, images/background-images/grid-big-light.png, images/background-images/gradient-bottom-light.png, images/background-images/wool-for-light-background.png, images/background-images/wood-dark.png, images/background-images/grunge-dark.png, images/background-images/grunge-big-light.png, images/background-images/gradient-top-dark.png, images/background-images/grunge-big-dark.png, images/background-images/dots-mini-strong.png, images/background-images/linen-for-light-background.png, images/background-images/dots-for-light-background.png, images/background-images/wood-light.png, images/background-images/diagonal-bold-dark.png, images/background-images/wool-diagonal-for-light-background.png, images/background-images/noise-for-light-background.png, images/background-images/floral-light.png, images/background-images/gradient-top-light.png, images/background-images/dots-for-dark-background.png, images/background-images/grain_bottom.png, images/background-images/diagonal-thin-light.png, images/background-images/grain_top.png, images/background-images/dashed-cross-dark.png, images/background-images/linen-for-dark-background.png, images/background-images/polygon.png, images/background-images/diagonal-thin-dark.png, images/background-images/ios-linen-dark.png, images/background-images/floral-dark.png, images/background-images/grunge-light.png, images/background-images/dashed-cross-light.png, images/background-images/wool-for-dark-background.png, images/background-images/wool-diagonal-for-dark-background.png, images/background-images/diagonal-bold-light.png, images/background-images/dots-mini-light.png, images/background-images/fullsize-grunge.jpg, images/background-images/grid-big-dark.png, images/background-images/noise-for-dark-background.png, images/background-images/gradient-bottom-dark.png, images/background-images/ios-linen-light.png, images/framework-helper/header_transparency.jpg, images/layout/blank.png, images/layout/fake_facebook.jpg, images/layout/logo.png, images/layout/ie_trans.png, images/layout/preload-dark-big-old.gif, images/layout/logo_modern.png, images/layout/loading.gif, images/layout/bg-button.png, images/layout/search.png, images/layout/preload-dark-grey-big.gif, images/layout/preload-dark-big.gif, config-leaflet-maps/class-avia-leaflet-maps.php, config-leaflet-maps/js/avia-leaflet-maps.js, config-leaflet-maps/assets/leafletjs/leaflet-src.esm.js, config-leaflet-maps/assets/leafletjs/leaflet.css, config-leaflet-maps/assets/leafletjs/leaflet.js, config-leaflet-maps/assets/leafletjs/leaflet-src.esm.js.map, config-leaflet-maps/assets/leafletjs/leaflet-src.js.map, config-leaflet-maps/assets/leafletjs/leaflet.js.map, config-leaflet-maps/assets/leafletjs/leaflet-src.js, config-leaflet-maps/assets/leafletjs/images/layers.png, config-leaflet-maps/assets/leafletjs/images/marker-shadow.png, config-leaflet-maps/assets/leafletjs/images/marker-icon-2x.png, config-leaflet-maps/assets/leafletjs/images/layers-2x.png, config-leaflet-maps/assets/leafletjs/images/marker-icon.png, config-wpml/wpml-mod.js, config-wpml/config_legacy.php, config-wpml/config.php, config-wpml/FacebookLocales.xml, config-wpml/class-avia-wpml.php, config-wpml/wpml-mod.css All updates have been completed. Go Back to Enfold Child ABEA Theme PanelAlso, I contacted my host. I can whitelist an IP address, not an API. Where do I get the Envato IP address?
Hi,
Thank you for your patience, please note that Ismael’s code had two rules, for this effect to work correctly you will need to use both rules, so based on the page you linked to your custom class isimageHoverZoomLeftso the correct css is:.imageHoverZoomLeft.av-hover-grow img:hover, .imageHoverZoomLeft.av-hover-grow .avia-image-overlay-wrap:hover { transform-origin: left; }I created a test page to show this works correctly, linked below.
I also notice that many of these buttons on your page have the custom class with a dot.imageHoverZoomLeftplease do not include the dot in the custom class field.Best regards,
MikeHi,
I recheched again.
ALB Image Element
Custom Element has “Lockable Custom CSS Class” my-locked-image and is set to locked
Child Element has “Custom CSS Class” my-image ( and my-locked-image in red border )HTML output for image container div has following classes (both classes are included):
class="avia-image-container av-kp01nouk-24ebddcda538fba55c28445e767ecf49 av-styling- av-hover-grow avia_animated_image avia_animate_when_almost_visible av-rotateInUpLeft avia-align-center avia-builder-el-0 avia-builder-el-no-sibling my-image my-locked-image avia_start_animation avia_start_delayed_animation"Can you please create a WP admin account for us so we can check it ?
And also specify steps how to reproduce please.Best regards,
GünterHey Dommel,
Thank you for using Enfold.
“Lockable Custom CSS Class” is intended to be set and locked in the custom element (= parent) and is then used in the child element.
Create a custom image element and lock it there. When using this you see the class in a read only field in the child and you cannot change it.
If you use a “normal” image element both fields can be filled. The result is that both classes are used – in .avia-image-container.
Best regards,
GünterHey 4dino,
Thank you for the inquiry.
We could prevent the lightbox script from grouping all lightbox links inside the #main container but you have to modify all buttons and add a custom css class to them. In the buttons’ Advanced > Developer Settings > Custom CSS Class, place the name “non-grouped-lightbox”. Then add this code or script in the functions.php file.
function ava_open_image_in_popup_group() { ?> <script type="text/javascript"> (function($){ $(document).ready( function(){ $('.non-grouped-lightbox a').magnificPopup({ type: 'image', mainClass: 'avia-popup mfp-zoom-in mfp-image-loaded', closeBtnInside: true, closeOnContentClick:false, midClick: true, gallery: { enabled:false } }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_open_image_in_popup_group', 9999);All items with the class name “non-grouped-lightbox” will not be included in the gallery.
Best regards,
IsmaelTopic: Custom Class Margin on image
Hi,
I’m having some trouble adding a custom class and reducing the margin with a video and picture underneath. I will be using this class in a few locations. I have assigned my class
.margin-classand have added this css.margin-class { margin-top: -20px; }but it doens’t seem to work.I basically want things to look like this Link
I was able to achieve the effect I wanted with this code but was wondering if there was a mote kosher way to achieve. `img.wp-image-743.avia-img-lazy-loading-not-743.avia_image {
padding-top: -px;
border-top-width: -px;
margin-top: -20px;
}`Here is the quick CSS Content:
/* =================================== */ /* === Make header not transparant === */ /* =================================== */ #header { background-color: #23253b; opacity: 1 !important; } /* ========================== */ /* ========================== */ /* ====== FONTS & TYPE ====== */ /* ========================== */ /* ========================== */ /* ========================== */ /* === Font sizes Desktop === */ /* ========================== */ /* h1 - 80px BOLD */ /* h2 - 55px BOLD with yellow line*/ /* h3 - 55px BOLD */ /* h4 - 32px BOLD */ /* h5 - 22px BOLD */ /* h6 - 20px BOLD */ /* p - 20px */ /* body - 20px */ /* ============================== */ /* === Desktop bullet point font size === */ /* ============================== */ li { font-size: 20px; } .li-content { font-size: 20px; } /* =========================== */ /* === H2 Line after title === */ /* =========================== */ h2{ overflow:hidden; } h2:after{ content:""; display: inline-block; vertical-align: top; height: 0.6em; width: 100%; margin-right: -100%; margin-left: 25px; border-bottom:8px solid #ffbf40; } .avia-button { font-size: 24px!important; } /* ================================================ */ /* === Font sizes tablet screens - up to 1366px === */ /* ================================================ */ @media only screen and (max-width: 1366px) { .av_textblock_section .avia_textblock h1 { font-size: 60px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h2 { font-size: 41px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h3 { font-size: 27px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h4 { font-size: 20px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h5 { font-size: 18px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h6 { font-size: 18px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock p { font-size: 18px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock body { font-size: 18px !important; font-weight: bold !important; } /* === tablet bullet point font size === */ li { font-size: 18px; } .li-content { font-size: 18px; } } /* =============================================== */ /* === Font sizes mobile screens - up to 767px === */ /* =============================================== */ @media only screen and (max-width: 767px) { .av_textblock_section .avia_textblock h1 { font-size: 40px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h2 { font-size: 28px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h3 { font-size: 22px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h4 { font-size: 18px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h5 { font-size: 16px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock h6 { font-size: 16px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock p { font-size: 16px !important; font-weight: bold !important; } .av_textblock_section .avia_textblock body { font-size: 16px !important; font-weight: bold !important; } /* === mobile bullet point font size === */ li { font-size: 16px; } .li-content { font-size: 16px; } } /* ========================= */ /* === Adjust BOLD & STRONG color === */ /* ========================= */ b { color: #ffffff !important; } strong { color: #ffffff !important; } /* ============ */ /* === ???? === */ /* ============ */ .entry-content-wrapper div li { line-height: 22px; } /* ========================== */ /* ========================== */ /* == END --- FONTS & TYPE == */ /* ========================== */ /* ========================== */ /* ========================================== */ /* === Front page portfolio section width === */ /* ========================================== */ #ourwork .container { width: 100% !important; min-width: 100%; padding: 0; margin: 0; } /* ========================================== */ /* === Color section container full width === */ /* ========================================== */ #fullwidth-container .container { width: 100% !important; min-width: 100%; } /* ========================================== */ /* === Fullwidth submenu font adjustments === */ /* ========================================== */ #top .av-subnav-menu > li > a { font-size: 22px !important; font-weight: bold !important; } /* ========================================= */ /* === Fullwidth submenu size adjustment === */ /* ========================================= */ #top .av-submenu-container { height: 70px; } #top .av-subnav-menu > li { padding: 23px 0; } #top .sticky_placeholder { height: 70px; } /* ================================================= */ /* === Service buttons break to two column layout=== */ /* ================================================= */ @media only screen and (max-width:989px) { .servicebuttons-class { width: 49% !important; } .servicebuttons-class.av_one_fourth{ margin-left:1%!important; } } /* ========================================================= */ /* === Reduce color section padding on mobile using HUGE === */ /* ========================================================= */ @media only screen and (max-width: 989px) { .avia-section-huge .content, .avia-section-huge .sidebar { padding-top: 50px!important; padding-bottom: 50px!important; } } /* ========================================================== */ /* === Reduce color section padding on mobile using LARGE === */ /* ========================================================== */ @media only screen and (max-width: 989px) { .avia-section-large .content, .avia-section-large .sidebar { padding-top: 25px!important; padding-bottom: 25px!important; } } /* ============================ */ /* === Catalogue font sizes === */ /* ============================ */ .av-catalogue-title { font-size: 22px; } .av-catalogue-price { font-size: 16px; } .av-catalogue-content { font-size: 16px; } /* ========================================== */ /* === Catalogue square and larger images === */ /* ========================================== */ .av-catalogue-image { border-radius: 0 !important; width: 100px !important; } /* ======================================== */ /* === Catalogue NOT all capital titles === */ /* ======================================== */ .av-catalogue-title { text-transform: none !important; } /* ========================== */ /* === Catalog image size === */ /* ========================== */ .av-catalogue-image { height: 80px !important; width: 80px !important; } /* ============================ */ /* === Seperator line color === */ /* ============================ */ span.hr-inner { border-color: #ffbf40 !important; } /* ====================================== */ /* === Adjust separator FAT thickness === */ /* ====================================== */ .hr-custom .hr-inner.inner-border-av-border-fat { border-top-width: 9px !important; } /* ===================================================================== */ /* === Adjust burger menu break point to 1366. Burger starts at 1366 === */ /* ===================================================================== */ @media only screen and (max-width: 1366px) and (min-width: 768px) { .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item { display: none; } .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special { display: block; } } /* ================================= */ /* === adjust column breakpoint === */ /* ================================= */ @media only screen and (max-width: 1500px) { .responsive #top #wrap_all #av-center-align-columns .flex_column.columnbreak { margin: 0; margin-bottom: 20px; width: 100%; } } /* ================================================== */ /* === Center align columns inside color section === */ /* ================================================== */ #av-center-align-columns .entry-content-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: center; } /* =========================== */ /* === adjust table colors === */ /* =========================== */ .pricing-table>li { background: #1a1b2b00 !important; } /* =============================== */ /* === Custom masonry gap size === */ /* =============================== */ .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry { right: 4px; left: 4px; bottom: 4px; top: 4px; } /* ================================================== */ /* === Content Menu, hide seperatoritem on mobile === */ /* ================================================== */ @media only screen and (max-width: 990px) { #menu-item-6080 { display: none !important; } } /* ======================================== */ /* === Change social media bottom color === */ /* ======================================== */ #top .av-social-sharing-box .av-share-link a { color: #ffffff; background-color: #12131f; } /* ================================================= */ /* === Blog featured image remove click function === */ /* ================================================= */ .big-preview.single-big a{ pointer-events:none!important; } /* ================================= */ /* === Remove blog page excerpts === */ /* ================================= */ .blog .slide-entry-excerpt { display: none; } /* ============================== */ /* === Remove blog page dates === */ /* ============================== */ .slide-meta { display: none !important; } /* =============================== */ /* === Blog hover icon disable === */ /* =============================== */ .slide-entry-wrap .image-overlay-inside:before { display: none; } /* ================================ */ /* === Blog hover overlay color === */ /* ================================ */ .image-overlay { background: #12131f; }In reply to: Parallax effect with text over image
if the section on top – had to be less than 100% screen height, there will be a tricky way to have that:
we gave to body itself a background-image !
same layout setting – top section got custom-class: transparent-section and height is determined by alb setting ( 50% or anything you like )result: https://webers-testseite.de/xeovision2/
css code for that page-id of mine is:
#top.page-id-40352 { background-image: url(/wp-content/uploads/nature-3082832_1920.jpg); background-repeat: no-repeat; background-size: cover; } #top.page-id-40352 #wrap_all { background-color: transparent !important } #top.page-id-40352 #main { overflow-x: hidden; height: 100vh; background-color: transparent !important } #top.page-id-40352 .avia-section.transparent-section { position: -webkit-sticky; position: sticky; top: 0; display: flex !important; justify-content: center; align-items: center; background-color: transparent !important; }One thing to mention here : the shrinking header does not work anymore – due to set the #main container to 100vh
In reply to: Can't remove padding/margin
Hi,
For mobile please try this:@media only screen and (max-width: 840px) { #top.home #av_section_1 > .container > .content { vertical-align: bottom; } #top.home #av_section_1 > div > main > div > div > div > .avia-builder-el-2 { margin-bottom: 0; } }To have something more universal you will need to add some custom classes to the elements, it looks like your structure is:
color section > 3/5 column > text block element (second of two) > embedded image
Please add a different custom class to each one of these, and remove the css I’ve posted above and I will re-write using your new custom classes. Also please post the custom classes you have added to each of these elements so I can find them easier.Best regards,
MikeIn reply to: Place thing line across page
Hi,
You can edit your Image element and give it a custom CSS class (“img-border” in example below) in Advanced > Developer Settings tab and edit your Color Section element and give it a custom ID (“cs-border” in example below) and then add following code to bottom of Quick CSS field
#top .avia-image-container.img-border img, #top #wrap_all #main #cs-border { border-top: 5px solid gold; }This is how it would look – https://imgur.com/a/OrAEy03. You could them simply give “img-border” class to every images and “cs-border” to every color section that you would like to display border :)
Best regards,
YigitThe button that is part of the fullwidth slider can only be placed on default to the left side. But with a bit css in quick css you can shift this button to a right position.
In the Element ( as on most of the advanced Layout Builder Elements ) they have the opportunity to show or hide on 4 differnt screensizes.
So i placed two fullwidth sliders on top:
( click to enlarge the images )
The second fullwidth slider with the oposite setting.For the button positioning i gave a custom-class to the sliders : homeslider
.homeslider .avia-slideshow-button { position: absolute; right: 5vw; bottom: 5vw; padding: 15px 25px !important; box-shadow: 2px 2px 15px -5px #000; font-size: 18px; }Hey restube,
Thank you for your patience and for the login, to correct this I added the custom classtd-va-topto the last table so that the solution will only effect this table:
then I added this css to your WordPress > Customize > Additional CSS field:.td-va-top td.avia-center-col { vertical-align: top !important; }now the table content is verticaly aligned to the top, please clear your browser cache and check.
Best regards,
MikeIn reply to: Events Calendar bug in the single event page
Hey Cloaker,
Thank you for your patience and the link to your site, for the first issue with the time heading, it is caused by this css:.tribe-events-event-meta dt:not(:first-child) { margin-top: 16px; }so this is saying that in the tribe-events-event-meta block any dt that is not the first-child will get a 16px margin-top, which is these two elements:
In this case I believe the best solution would be this:.tribe-events-single-section.tribe-events-event-meta.primary dt:not(:first-child) { margin-top: 0; }For your second question the code
<h3 class="tribe-events-visuallyhidden"><?php _e( 'Event Navigation', 'avia_framework' ) ?></h3>is in the\wp-content\themes\enfold\config-events-calendar\views\single-event.phpfile on line 145, you can try removing this if you wish. I’m not sure if it is used for anything else, but the code was originally recommended by the plugin’s Themer’s Guide for the Pro version, from what I can tell. But I’m not an expert with this plugin 🙂
For your third issue, the padding seems to be set to zero by this css in your merged css:#top #tribe-events-pg-template { max-width: 100%; padding: 0; }which is overriding the plugin padding:
please try looking for this in your custom css and remove it.Best regards,
Mikeand other elements the blog post is not using?
Hi guys,
This site only uses Classic editor. I am using Load only Used Elements (recommended) as usual but I can see when I disable compression that many elements not used are being loaded. Including the block editor when I test the Mobile version of the page with PageSpeedInsights.
My desktop Core Web Vitals are a dream come true. The mobile ones with no sidebars, got worse.
Help!!
Thank you!
Havi
This is the list of elements with compression enabled
URL
Transfer Size
Potential Savings
…block-library/style.min.css(ligadejusticia.com) << why is this loading? And it stops loading when I disable compression?
9.2 KiB
330 ms
…dynamic_avia/avia-merged-styles-a485a74…—608352a55179e.css(ligadejusticia.com)
64.4 KiB
1,680 ms
…jquery/jquery.min.js(ligadejusticia.com)
30.9 KiB
1,080 msThis is the list of elements with compression disabled (sent you the url on Private Content and will re-enable compression again):
URL
Transfer Size
Potential Savings
…css/grid.css(ligadejusticia.com)
2.7 KiB
180 ms
…css/base.css(ligadejusticia.com)
5.8 KiB
780 ms
…css/layout.css(ligadejusticia.com)
15.7 KiB
1,080 ms
…blog/blog.css(ligadejusticia.com)
4.7 KiB
630 ms
…postslider/postslider.css(ligadejusticia.com) << there are no post sliders
1.6 KiB
480 ms
…buttons/buttons.css(ligadejusticia.com)
1.9 KiB
480 ms
…comments/comments.css(ligadejusticia.com) << there are no comments
2.1 KiB
180 ms
…contact/contact.css(ligadejusticia.com)
3.3 KiB
330 ms
…gallery/gallery.css(ligadejusticia.com) << no galleries
1.1 KiB
180 ms
…google_maps/google_maps.css(ligadejusticia.com) << no google maps
1.1 KiB
180 ms
…grid_row/grid_row.css(ligadejusticia.com)
0.9 KiB
180 ms
…heading/heading.css(ligadejusticia.com)
1.6 KiB
180 ms
…headline_rotator/headline_rotator.css(ligadejusticia.com) << no headline rotator
1.0 KiB
180 ms
…hr/hr.css(ligadejusticia.com)
1.2 KiB
180 ms
…icon/icon.css(ligadejusticia.com)
1.3 KiB
180 ms
…image/image.css(ligadejusticia.com)
1.8 KiB
180 ms
…slideshow/slideshow.css(ligadejusticia.com) << none
3.4 KiB
330 ms
…contentslider/contentslider.css(ligadejusticia.com) << none
1.2 KiB
180 ms
…masonry_entries/masonry_entries.css(ligadejusticia.com)<< none
3.9 KiB
180 ms
…css/avia-snippet-site-preloader.css(ligadejusticia.com)<< none
1.2 KiB
180 ms
…menu/menu.css(ligadejusticia.com)
1.8 KiB
180 ms
…numbers/numbers.css(ligadejusticia.com)<< none
1.3 KiB
180 ms
…promobox/promobox.css(ligadejusticia.com)<< none
0.9 KiB
180 ms
…slideshow_feature_image/slideshow_feature_image.css(ligadejusticia.com)<< none
1.1 KiB
180 ms
…slideshow_fullsize/slideshow_fullsize.css(ligadejusticia.com)<< none
1.6 KiB
180 ms
…social_share/social_share.css(ligadejusticia.com)<< none
0.9 KiB
180 ms
…table/table.css(ligadejusticia.com)<< none
2.0 KiB
180 ms
…tabs/tabs.css(ligadejusticia.com)<< none
1.4 KiB
180 ms
…team/team.css(ligadejusticia.com)<< none
1.5 KiB
180 ms
…testimonials/testimonials.css(ligadejusticia.com)<< none
1.9 KiB
180 ms
…toggles/toggles.css(ligadejusticia.com)<< none
1.7 KiB
180 ms
…video/video.css(ligadejusticia.com)<< none
1.1 KiB
180 ms
…block-library/style.min.css(ligadejusticia.com)
9.2 KiB
480 ms
…css/shortcodes.css(ligadejusticia.com)
7.0 KiB
330 ms
…aviapopup/magnific-popup.css(ligadejusticia.com)<< none
2.3 KiB
180 ms
…css/avia-snippet-lightbox.css(ligadejusticia.com)<< none
1.6 KiB
180 ms
…css/avia-snippet-widget.css(ligadejusticia.com)
5.5 KiB
330 ms
…dynamic_avia/enfold_child.css(ligadejusticia.com)
16.7 KiB
630 ms
…css/custom.css(ligadejusticia.com)
0.8 KiB
180 ms
…enfold-child/style.css(ligadejusticia.com)
0.9 KiB
180 ms
…jquery/jquery.min.js(ligadejusticia.com)
30.9 KiB
930 ms
…js/avia-compat.js(ligadejusticia.com)
1.4 KiB
180 msIn reply to: Images and Text NOT Resizing for Responsive Design
Hi Rikard,
The restaurant demo for the Enfold theme does this. ( https://kriesi.at/themes/enfold-restaurant/ ) All headers on all pages dynamically resize to fit the width of the browser window.
I did some research and saw the following CSS was used to make the photos dynamically resize. I added this to the Advanced/Custom CSS Class and it works now.
.avia-full-stretch {
background-size: cover !important;
}One question with this…
Is there a way to add CSS padding to the bottom of the images so when the browser window gets larger it adds padding to the bottom of the image and pushes the content below down ? I tried the following CSS but it did not work..avia-full-stretch {
background-size: cover !important;
padding-bottom: 20px !important;
}Thanks
ScottThanks
ScottIn reply to: Link column to full screen pop-up / iframe
Hi,
This popup image shows the popup with only one line of text so it is naturally small, I believe you will find that the popup will grow with more content, to a point, but to make it 100% will require more css adjustments, are you sure you really want a 100% popup? The example page you linked to with this was a little confusing from a UX standpoint, in my option. Might I suggest a 90% popup with the opacity background because it is a more familiar UX?Anyways… in different examples that I have worked on I find that iframes can be much slower on popup load where the method I point to is very fast, because the content is already loaded.
If you really want to use the iframe solution I was able to create a page that would be the “popup” with a grid row element and such,
this is the Avia Layout Builder Debugger code:[av_layout_row border='' min_height_percent='' min_height='400px' color='main_color' mobile='av-flex-cells' id='' av_element_hidden_in_editor='0' av_uid='av-c6pja3'] [av_cell_one_half vertical_align='middle' padding='130px' padding_sync='true' background_color='' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/business-support-1.jpg' attachment='582' attachment_size='full' background_attachment='scroll' background_position='top center' background_repeat='stretch' mobile_display='' av_uid='av-10qarv'] [/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='30px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-8qt0kr'] [av_heading tag='h2' padding='0' heading='Our Support Team' color='' style='blockquote modern-quote modern-centered' custom_font='' size='30' subheading_active='subheading_below' subheading_size='15' custom_class='' admin_preview_bg='' av_uid='av-t3b2z'] Customer Satisfaction [/av_heading] [av_hr class='custom' icon_select='no' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='50' custom_border='av-border-fat' custom_width='50px' custom_margin_top='150px' custom_margin_bottom='150px' custom_border_color='#000000' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-5uoavf' sc_version='1.0' admin_preview_bg=''] [av_textblock size='' font_color='' color='' admin_preview_bg='' av_uid='av-f9ep7'] <p style="text-align: center;">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p> [/av_textblock] [av_hr class='custom' icon_select='no' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='50' custom_border='av-border-fat' custom_width='50px' custom_margin_top='155px' custom_margin_bottom='155px' custom_border_color='#000000' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-kmte5zf0' sc_version='1.0' admin_preview_bg=''] [av_font_icon icon='ue8f1' font='entypo-fontello' style='' caption='' link='manually,http://twitter.com' linktarget='_blank' size='20px' position='center' color='' admin_preview_bg='' av_uid='av-1yhd23'][/av_font_icon] [/av_cell_one_half][/av_layout_row]with no header, sidebar, title bar, or footer
Then I used this link in a buttonhttp://test.test/popup-test?iframe=true
and then I used this css to make the popup 100vh & 100vw:.mfp-container, .mfp-iframe-holder .mfp-content, .mfp-iframe-holder .mfp-iframe { width: 100vw !important; max-width: 100vw !important; height: 100vh !important; max-height: 100vh !important; padding: 0 !important; }and it worked, but I also lost the ability to close the popup, try using the above css as your base and see if you can adjust to allow to close the popup, I would recommend making the popup 90vh & 90vw 🙂🚀
Best regards,
MikeHi,
First I disabled the previous css, and then on the homepage I added the custom class “red” to the second blog element:
Then I added this css to your Quick CSS:.avia-content-slider.red .slide-content .slide-entry-title { background-color: #d09c94 !important; }so for the homepage this is the result:
now if we go to the /zeeland-heden-en-verleden/ page and add the same custom class “red” to the blog element the posts will also show the same:
So now that the css was added once every blog element with the custom class “red” will show this way anywhere on your site, you can now do this with other colors by using a different custom class and create a different css snippet.Best regards,
MikeIn reply to: pop up with iframe loading very slowly
Hi,
Thanks for trying, but you have added html in the link field:
so inserting the html correctly would have worked, but I also recognize that you wish to have the team member image link to open the popup so I removed the code from your functions.php and the css from your Quick CSS and added this to a code block on your test page and customized it for you. So each team member link will need to be different, so the first one will be#team-popup-one
and each team member image will have the same custom classteam-popup
Now for the first team member popup box we will use this in a code block at the bottom of the page:<div id="team-popup-one" class="team-popup-link mfp-hide"> <p>PLACE CONTENT HERE</p> </div>*Please Note, you can add all of your popup boxes to the same code block element, and the ID
team-popup-onewill be different for each one, i.e: team-popup-two, team-popup-three, etc. and it must also match the team member image link.Now the script and css for this to work I added into a code block at the bottom of the page, for this test:
<script> jQuery(window).load(function(){ jQuery('.avia-image-container.team-popup a.avia_image').addClass('team-popup-link'); jQuery('.team-popup-link').magnificPopup({ type:'inline', midClick: true }); }); </script> <style> .team-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; } </style>
Now clicking the first team member loads the popup – very fast 🚀
Please clear your browser cache and check.Best regards,
Mikei do not really know what you might think this plugin does. If it is only to insert a html entity that could not be seen – it is not neccessary.
you can insert   ; without that space ( between p and semicolon ) – and you will have a invisible heading there – where you can insert your logo either as pseudo-container background like here: https://webers-testseite.de/tesla/
you see that i did it a bit different – you can make this heading invisible by font color : transparent ( i let it at opacity 0.1)
or set the text-indent to a big value ( -2000px). the advantage would be a SEO one – because there is a heading f.e. Tesla Logo then.
i gave a custom class to the slider: tesla.tesla .slide-1 .avia-caption-title { color: rgba(255,255,255,0.1); } .tesla .slide-1 .avia-caption-title::before { content: ""; width: 100px; height: 100px; position: absolute; left: -60px; top: -60px; background-image: url(/wp-content/uploads/TESLA-logo.png); background-repeat: no-repeat; background-size: contain; }or – you replace the content directly with the image:
.tesla .slide-1 .avia-caption-title { content: url(/wp-content/uploads/TESLA-logo.png); }if this will work on all browsers – i don’t know
This above is only for slide-1 – if this should be for all slides – let that class out from the css codeIn reply to: How to insert a custom PNG as section divider
if it is this way – that your customer like to change on the alb the background-image of color-section/slider etc. This could not be done by css only.
These images (svgs) had to be injected as additional elements as inline-svgs via child-theme functions.php
hint:
$(‘.avia-section.divider.top1’).prepend(‘<svg class=”top” ……… preserveAspectRatio=”none”></svg>’);
$(‘.avia-section.divider.bottom1’).append(‘<svg class=”bottom” ……… preserveAspectRatio=”none”></svg>’);the divider class indicates that there will be dividers – and it is for preparing the color-section ( display : relative not static )
and if i give then in addition a custom-class: top1 to the color-section it will prepend that svg to it and if the custom class is bottom1 it will append.
in this way:<div class="avia-section … <svg ( inline for the top ) </svg> <div class="container">… </div> <svg ( inline for the bottom ) </svg> </div>look to that link: https://kriesi.at/support/topic/diagonal-border-angle/#post-1138144
the rest is css positioningsee doku of Enfold: https://kriesi.at/documentation/enfold/svg-dividers/
and look with developer tools to it:
One thing is to mention – the svgs had to be well prepared to insert them in this way.
In reply to: Grid colour url link
Hey,
No, because there is no overlay on your column background image. You could however change the background image on hover.
If you would like to do that, please edit your Grid Cell and give it a custom CSS class (“test-class” in example below) in Advanced > Developer Settings tab and then add following code to Quick CSSbody .flex_cell.avia-link-column.avia-link-column-hover.test-class:hover { background-image: url(URL OF THE BACKGROUND IMAGE HERE) !important; }Regards,
Yigit
