Forum Replies Created
-
AuthorPosts
-
Hi,
Would you mind posting the login details in the private field? Please make sure that the Appearance > Editor panel is accessible so that we could edit the files and debug the issue properly.
Best regards,
IsmaelHey Empatica,
Thank you for the inquiry.
You can try the solution that we provided in the following thread.
// https://kriesi.at/support/topic/portfolio-categories-into-url-permalink/#post-735882
These articles and documentation should also help.
// https://kellenmace.com/remove-custom-post-type-slug-from-permalinks/
// https://developer.wordpress.org/reference/hooks/post_type_link/And you should also try this plugin.
// https://wordpress.org/plugins/wp-permastructure/
Best regards,
IsmaelHi,
Where did you add the code? We cannot find it in the functions.php file. Duplicating the function might break the site, so we did not add it.
Best regards,
IsmaelHi,
Glad to know that you figured it out.
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelHi,
for now what i do is swapping the two fields.
Yes, that is actually what we are suggesting because by default, the theme displays whatever is the value of the title attribute inside the lightbox. We could change this but we have to modify the \enfold\config-templatebuilder\avia-shortcodes\av-helper-masonry.php file.
Best regards,
IsmaelHi,
Thank you for the update.
We added a 1/1 column element inside the color section and move the text inside it. We then applied a background color to the column and set the transparency to 50%. Is that what you are trying to do?
Best regards,
IsmaelHi,
No problem. Glad to know that we could help. Please feel free to open another thread if you need anything else.
Have a nice day.
Best regards,
IsmaelHey Gavin,
Thank you for the inquiry.
This should be possible but we have to modify the single.php file template directly. We can use the default markup of the color section element and place it in the template file. Please edit the single.php file, remove everything and replace it with the following code.
// https://pastebin.com/nFnuKsas
You can add the featured image as usual and it will display as a full width element at the very top of the page.
Best regards,
IsmaelHey Monika,
Thank you for the inquiry.
You can actually use the Image element and the Color Section to create a full width image. Just insert an Image element inside a Color Section, then follow the instruction in the following documentation to adjust the width of the color section container and make it full width.
// https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width
Best regards,
IsmaelJune 30, 2021 at 7:49 am in reply to: How to delete tag for related posts title in blog post element #1308042Hey AlpseeDesign,
Thank you for the inquiry.
Would you mind providing a link to a page containing the related posts section? By default, the theme is not using h3 tags for the titles of the related posts, so it might be generated by a plugin or a custom script. Did you modify the includes > related-posts.php file?
Best regards,
IsmaelHey spooniverse,
Thank you for the inquiry.
The custom font manager is using the wp_upload_dir function by default to get the location of the uploads directory where the theme uploads and retrieves the font. The function returns an array containing information about the uplaods directory.
// https://developer.wordpress.org/reference/functions/wp_upload_dir/
You might be able to change the default directory by editing the upload location in the enfold/framework/php/font-management/class-avia-icon-fonts.php file around line 36.
$upload = wp_upload_dir();Unfortunately, we haven’t tried or tested this before.
Best regards,
IsmaelJune 30, 2021 at 7:26 am in reply to: Hiding/showing div(s) when checkbox(es) are selelcted #1308039Hey FlatText,
Thank you for the inquiry.
We edited the html and the javascript or jQuery script a bit, then add a few css code to hide the option initially.
jQuery:
$(".ywapo_input_container_checkbox").on("click", function() { var checked = $(this).find("input").is(":checked"); var option = "." + $(this).find(".ywapo_option_label").text().toLowerCase(); if(checked) { $(option).toggle(); } else { $(option).css("display", "none"); } });HTML:
-- checkboxes here -- <div class="ywapo-option"> <p class="breakfast">Breakfast</p> <p class="lunch">Lunch</p> <p class="dinner">Dinner</p> </div>CSS:
.ywapo-option p { display: none; }We are not sure if this fiddle link is going to expire, so we added the changes above.
// https://jsfiddle.net/zmy8xuf0/15/
Best regards,
IsmaelHi,
Thank you for the update.
Adding the following css code helped remove the gap or the layer slide space above the actual content.
.avia-layerslider.container_wrap { display: none; }Screenshot: https://postimg.cc/xXSQxgVS
Best regards,
IsmaelJune 30, 2021 at 6:56 am in reply to: Menu item is not displayed on the home page + different video size in microsoft #1308037Good morning there!
We took screenshots of the site on Firefox and Microsoft Edge. The menu item is displaying properly on both browsers. Please check the screenshots below.
Screenshot: https://postimg.cc/gallery/5zCXmfc
We are not really sure why it is not displaying on your end.
Best regards,
IsmaelHi,
Would you like to move the order details beside the checkout form? You can try this css code in the Quick CSS field.
@media only screen and (min-width: 768px) { .woocommerce-checkout { display: flex; justify-content: space-between; } .woocommerce-checkout #customer_details { overflow: visible; flex: 1 1 60%; margin-right: 4%; } .woocommerce-checkout #order_review_heading { position: absolute; left: 64%; } .woocommerce-checkout #order_review { flex: 1 3 34%; top: 54px; position: inherit; } }Best regards,
IsmaelHi!
Yes, that is possible. We wrapped the code inside a css media query so that it will only affect the desktop view. Please try it again.
Cheers!
IsmaelHi,
Did you actually try the css code? We cannot find it in the document. Applying a minimum height or specifying the height of the element manually should prevent the next elements from shifting, thus improving the CLS score. For desktop view, you can add this css code to define the height of the pricing row, which seems to be shifting a bit when the font swapped.
li.avia-pricing-row { min-height: 83px; }Best regards,
IsmaelHey Colferg,
Thank you for the inquiry.
You should edit the column containing the text blocks with right alignment and apply a unique class name or ID to it so that you can style it differently on mobile view.
// https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support
You can use this css code to adjust the text alignment of the text block and remove the left margin of the column.
@media only screen and (max-width: 767px) { .custom-css-name { margin-left: 0 !important; } .custom-css-name .avia_textblock p { text-align: center !important; } }Make sure to replace “custom-css-name” with the actual class name of the column.
Best regards,
IsmaelHey Colferg,
Thank you for the inquiry.
Would you mind posting the content of the .htaccess file? There might be a folder or directory in the root directory of your installation with the name “blog”. You should have your hosting provider check the directories or folders in your server, and have them rename or remove the folder.
Best regards,
IsmaelHey Marc,
Thank you for the inquiry.
You can try this css code to hide the grid content container initially and only display it on hover.
.grid-content { opacity: 0; transition: all 0.5s; position: absolute; bottom: 0; width: 100%; } .grid-entry:hover .grid-content { opacity: 1; }Best regards,
IsmaelHey Sebastian,
Thank you for the inquiry.
Are you trying to limit the width of the background? Have you tried applying the background image or color to a 1/1 column element instead of applying it to the color section? Please provide a link to the page so that we could check it.
Best regards,
IsmaelHey laptophobo,
Thank you for the inquiry.
You may need to modify the iconbox shortcode file directly. You will find the title attribute or markup around line 580:
$linktitle = $title; switch( $linkelement ) { case 'both': if( $title ) { $title = "<a href='{$link}' title='" . esc_attr( $linktitle ) . "' $blank>$linktitle</a>"; } $display_char_wrapper['start'] = "a href='{$link}' title='" . esc_attr($linktitle) . "' {$blank}"; $display_char_wrapper['end'] = 'a'; break; case 'only_icon': $display_char_wrapper['start'] = "a href='{$link}' title='" . esc_attr($linktitle) . "' {$blank}"; $display_char_wrapper['end'] = 'a'; break; default: if( $title ) { $title = "<a href='{$link}' title='" . esc_attr( $linktitle ) . "' {$blank} >$linktitle</a>"; } $display_char_wrapper['start'] = 'div'; $display_char_wrapper['end'] = 'div'; break; }Best regards,
IsmaelHey Spiru_show1,
Thank you for the inquiry.
Please make sure that PHP Zip Archive extension is enabled. For more info, please check the following thread.
// https://kriesi.at/support/topic/adobe-fonts-in-enfold/#post-1305076
Best regards,
IsmaelHey Pikatchu,
Thank you for the inquiry.
Did you enable the social icons from the Enfold > Header > Extra Elements panel? The scroll to top icon is not displaying because for some reason, the value of the data-av_icon attribute is missing. Did you modify any of the template files? Please toggle or disable the Enfold > Performance > File Compression settings, then disable the cache plugin temporarily.
Best regards,
IsmaelHey Iloivar,
Thank you for the inquiry.
Did you install the Classic Editor plugin? Please try to disable it and toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards. Purge the cache before checking the editor again. You should also select your preferred editor in the Enfold > Theme Options > Select Your Editor settings.
Best regards,
IsmaelHey laura1234,
Thank you for the inquiry.
You can try the solution that we posted in the following thread to prevent it from automatically scrolling to the top when lightbox is opened.
// https://kriesi.at/support/topic/modal-pop-up-window-on-mobiles/#post-1292390
Best regards,
IsmaelHey jleclair87,
Thank you for the inquiry.
You can use this css to adjust the font size of the contact form response text.
.avia_ajax_form .ajaxresponse { font-size: 2em; font-size: 32px; }Best regards,
IsmaelHi,
We cannot find the page with the 1/2 columns, so we created a draft page instead. We added a color section and applied a unique class name to it called “av-custom-column-order” so that we can differentiate it from other color sections. In the color section, we inserted three rows with two 1/2 column elements each. Then we added this css code in the Enfold > General Styling > Quick CSS field to reverse the order of columns in each row on mobile view
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .av-custom-column-order .entry-content-wrapper { display: flex; direction: ltr; flex-direction: column; } .av-custom-column-order .av_one_half:nth-child(1) { order: 2; } .av-custom-column-order .av_one_half:nth-child(2) { order: 1; } .av-custom-column-order .av_one_half:nth-child(3) { order: 4; } .av-custom-column-order .av_one_half:nth-child(4) { order: 3; } .av-custom-column-order .av_one_half:nth-child(5) { order: 6; } .av-custom-column-order .av_one_half:nth-child(6) { order: 5; } }See private field for the draft page link.
Best regards,
IsmaelHey marcie73,
Thank you for the inquiry.
For the tag archive page, you can use this code in the functions.php file to replace div with h1.
/** * Show an archive description on taxonomy archives. */ function woocommerce_taxonomy_archive_description() { if ( is_product_taxonomy() && 0 === absint( get_query_var( 'paged' ) ) ) { $term = get_queried_object(); if ( $term && ! empty( $term->description ) ) { echo '<h1 class="term-description">' . wp_kses_post( $term->description ) . '</h1>'; } } }And modify the hooks that we created previously. Try to replace it with:
// ADD PRODUCT CATEGORY DESCRIPTION IN RIGHT PLACE add_action("after_setup_theme", function() { if(is_product_category()) { add_action( "woocommerce_before_shop_loop", "woocommerce_taxonomy_archive_description", 10 ); } add_action( "woocommerce_before_shop_loop", "woocommerce_before_shop_loop", 10 ); }, 20);Best regards,
Ismael -
AuthorPosts
