Forum Replies Created
-
AuthorPosts
-
March 30, 2015 at 6:53 am in reply to: align an image to top in front of fullscreen video colorsection #420215
Hey!
Turn on the custom css class field. Refer to this link: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Edit the image element. Use “custom-image” in the custom css field for example. Add this to the Quick CSS field to adjust the position of the image:
.custom-image { position: absolute; top: 0; right: 20px; }
Cheers!
IsmaelHi Mac_ma!
Thank you for using Enfold.
Add this to the Quick CSS field:
#top .woocommerce-tabs h2 { display: none !important; }
Cheers!
IsmaelMarch 30, 2015 at 6:39 am in reply to: Advance Layout editor using Blog Posts, small preview pic too small #420209Hi!
Add this code to fix the squished image:
#top .fullsize .template-blog .blog-meta { width: 200px; }
This is the the featured images are not enabled on mobile devices by default. Try to decrease the image size:
@media only screen and (max-width: 767px) { .template-blog .blog-meta, .template-blog .blog-meta * { width: 60px; height: 60px; }}
Cheers!
IsmaelMarch 30, 2015 at 6:34 am in reply to: Masonry Gallery – Images Stacking On Top Of Each Other #420206Hi!
Try to replace the code with this:
function add_custom_script(){ ?> <script> (function($){ $(window).trigger('resize'); })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_script');
Best regards,
IsmaelHi!
Yes, you can add the table shortcode inside the accordion or tab element. Switch the builder to debug more to see the actual shortcodes below the advance layout builder or generate the table shortcode using the shortcode wand on a different post or page. Refer to this link on how to switch the builder to debug mode: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Best regards,
IsmaelHey!
I checked the site but I don’t see any custom css class attribute in the slider button. Did you add it in the layer’s Attributes panel?
Regards,
IsmaelMarch 30, 2015 at 6:13 am in reply to: Decrease header size to "small" when viewed on mobile only #420203Hi!
You can add something like this in the Quick CSS field to decrease the header height on smaller screens:
@media only screen and (max-width: 989px) { .html_header_top.html_header_sticky.html_large #header_main .container, .html_header_top.html_header_sticky.html_large.html_main_nav_header .main_menu ul:first-child > li a, logo a, .logo a img { height: 50px !important; line-height: 50px !important; }}
Adjust the height and line-height if necessary.
Regards,
IsmaelHey antoinescotto!
Thank you for using Enfold.
Please provide a link to the website. We need to check it. You can use css media queries to hide or show elements on different screen sizes.
Regards,
IsmaelHi!
Note that you can’t use shortcodes inside an html tag because it’s not php. You need to add the url manually inside the read more link. Anyway, glad you figured it out. If you have any questions, let us know. :)
Best regards,
IsmaelMarch 30, 2015 at 5:56 am in reply to: Mobile menu list displaying on the right handside of website #420197Hi!
Please remove the css code then give us a link to the actual website. We would like to check it. Upgrade the site to version 3.1.2.
Regards,
IsmaelHi!
This should work to filter the same category:
/*filter projets - only show same category */ add_filter('avia_post_nav_settings','avia_same_category_filter', 10, 1); function avia_same_category_filter($settings) { $settings['same_category'] = true; return $settings; }
This one will work for the Portfolio Grid element. It will not work for masonry or blog posts elements:
/*filter portfolio sorting */ add_filter('avia_post_grid_query', 'avf_custom_post_grid_query'); function avf_custom_post_grid_query ( $query ) { $query['orderby'] = 'name'; $query['order'] = 'ASC'; return $query; }
Please give us a link to the page with the portfolio grid element.
Regards,
IsmaelHey Mac_Gyver!
Thank you for using Enfold.
Add this to the Quick CSS field:
.html_header_searchicon_disabled #top .av_header_border_disabled.av_bottom_nav_disabled .main_menu .menu>li:last-child>a .avia-menu-fx { padding-right: 0 !important }
Cheers!
IsmaelHey Mac_Gyver!
Thank you for using Enfold.
Add the style script directly in the accordion content editor.
Regards,
IsmaelHi!
Try to use absolute url. Something like:
@font-face { font-family: 'trashhandregular'; src: url('http://www.mysite.com/wp-content/themes/fonts/trashhand.eot'); src: url('http://www.mysite.com/wp-content/themes/fonts/trashhand.eot?#iefix') format('embedded-opentype'), url('http://www.mysite.com/wp-content/themes/fonts/trashhand.woff') format('woff'), url('http://www.mysite.com/wp-content/themes/fonts/trashhand.ttf') format('truetype'), url('http://www.mysite.com/wp-content/themes/fonts/trashhand.svg#trashhandregular') format('svg'); font-weight: normal; font-style: normal; }
Adjust the url where the font files are located. Make sure that you apply the correct font family in a proper element selector. Example:
h2.post_title { font-family: 'trashhandregular' !important; }
Cheers!
IsmaelHey!
You can’t use php codes inside the Extra Elements box. Add it in the functions.php file: Add something like this:
add_action('ava_inside_main_menu', 'ava_inside_main_menu_mod'); function ava_inside_main_menu_mod() { wp_loginout( site_url() ); }
Regards,
IsmaelHey!
I think you’re confused between the portfolio preview text editor and the actual portfolio item editor. Note that everything that you add in the preview text will only show in the ajax preview (http://03c0309.netsolhost.com/wp/?page_id=3275#toggle-id-6). It will not show in the actual portfolio page.
And everything you add or use in the default editor or the advance layout builder, will show in the actual portfolio page, just like here: http://03c0309.netsolhost.com/wp/?portfolio=conferencing-solutions#toggle-id-3
Basically, you have to create duplicated contents if you want to use the AJAX portfolio feature.
Best regards,
IsmaelHi!
Replace the code with this:
@media only screen and (max-width: 768px) { #bubbles { background: none !important; }}
Regards,
IsmaelHi!
I’m sorry but we don’t provide support for third party plugins. What is it in the plugin that you can’t create with the advance layout builder?
Regards,
IsmaelHey djshortkut!
Thank you for using Enfold.
1.) Add this to the Quick CSS field:
@media only screen and (max-width: 989px) { .responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner { width: 100% !important; max-width: 100% !important; margin: 0 auto; display: block !important; }}
If you want to apply the changes on that specific grid row, use the section id field.
2.) I think the above code will also affect this.
3.) Since we enlarge the images on mobile, it can now contain the captions.
4.) No, unfortunately, hover effect isn’t support on touch screens. You might need to hire a freelance developer to make it work on mobile devices. For further modifications, please look for any tutorials regarding google inspector or firebug plugin. Basic knowledge of this will help a lot with css modifications.
Regards,
IsmaelHi!
I can reproduce the issue on an iPod but not always. Try to add this to the Quick CSS field:
#mobile-advanced { z-index: 500; float: none; height: auto; overflow: visible; }
Cheers!
IsmaelHi!
It’s not full width because I set the English version to boxed layout in order to confirm that the theme options are working. Revert it back to Stretched Layout.
Regards,
IsmaelMarch 30, 2015 at 4:49 am in reply to: Using avia builder "blog posts" block for custom post types #420172Hi!
Create a custom taxonomy but don’t create any posts within that taxonomy. Select the taxonomy to display on the blog posts element. It will show the no posts or nothing found warning. If you didn’t select any taxonomy, it will show all posts within the category taxonomy by default.
Best regards,
IsmaelHey eldrico!
Thank you for using Enfold.
How did you add the anchor name? You can use a codeblock, place it on top of the section where you want the anchor link to go. Add something like this:
<div id="#anchor_name"></div>
Add this to the Quick CSS field to wrap the sort tags:
.taglist { word-wrap: break-word; }
Cheers!
IsmaelHey!
Try to separate the section with the slider using the color section element. If it doesn’t work, add this to the Quick CSS field:
.avia-section > * { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
Cheers!
IsmaelHi!
I’m not sure why the blank template isn’t responsive but you can use the default template then hide the sidebar, header, footer and socket using the layout settings. Check it now: http://mockup1.dk/myten-cardio/
Cheers!
IsmaelHi!
There are multiple rows with the _aviaLayoutBuilderCleanData meta_key, 3 to be exact. I’m not sure why there are multiple rows with that meta_key. There should be only one of that for each page or post. Check all collation or database character sets of the meta_value as suggested on the previous post (https://kriesi.at/support/topic/text-encoding-problems-after-latest-update/#post-419718). If possible, please give us a access to the database so that we can check it.
Best regards,
IsmaelHey!
The collation is correctly set to utf8 so I don’t think the problem lies there. Why are those rows duplicated? Each post or page should have a single _aviaLayoutBuilderCleanData meta_key, not 2 or 3 if I am not mistaken. Did you check each rows?
Cheers!
IsmaelHi DavideModigliani!
Thank you for using Enfold.
Add this to the functions.php file:
add_filter( 'avf_masonry_loop_prepare', 'avf_masonry_loop_prepare_mod', 10, 2 ); function avf_masonry_loop_prepare_mod( $key, $entries ) { $class = preg_grep('/category/', $key['class']); $getstr = str_replace('category-', '', implode(',', $class)); $categories = explode(',', $getstr); $cat = implode(',', array_map('ucfirst', $categories)); foreach ( $key as $post => $value ) { if ( $post == 'content' ) { $value .= "<div class='av-masonry-categories'>".$cat."</div>"; } $key[$post] = $value; } return $key; }
This will only work for default posts. If you want this to work for custom post types like the portfolio items, please hire a freelance developer.
Cheers!
IsmaelMarch 29, 2015 at 5:51 pm in reply to: Contact form submitting, but not sending submission to admin email #420036Hi!
Have you tried using a different email address? Please refer to the link provided above. One of the suggestions might fix the issue.
Regards,
IsmaelHey!
You need to use the “Product Purchase Button” element under Plugin Additions panel to create an add to cart button and add the price using a text block or any other elements that is able to render texts. Since you’re using the advance layout builder, note that the all default elements such as price, title, tabs, featured image etc will be removed. You have to add them using the advance layout builder.
Cheers!
Ismael -
AuthorPosts