Forum Replies Created
-
AuthorPosts
-
May 2, 2024 at 6:05 pm in reply to: How to add packages with free symbols / Icons in enfold #1441975
Hi,
This thread covers a couple of different methods and I think that it might be confusing.
So if you want to use color icons, then you would use Guenni007’s example, the easiest path is to upload the png images to your media library and then for each one choose a existing theme icon that you would probably never use as a placeholder, for example the keyboard ( ue83a ):
and then use this css to replace it with your image:[data-av_iconfont="entypo-fontello"][data-av_icon="\e83a"]:before{font-size:0;width: 40px;display: inline-block;background-image: url(/wp-content/uploads/2024/05/tree.svg) !important}
now whenever you use the keyboard icon on your site your new image will show:
If you want to use B&W icons you can take the B&W PNG images and convert them to SVG, then follow Guenni007’s steps to fix them for Fontello then upload the SVG to Fontello to create your icon font:
then download the new icon font zip file and upload it to Enfold Theme Options ▸ Import/Export ▸ Iconfont Manager and then they will show in your icon list.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeMay 2, 2024 at 11:47 am in reply to: How can I switch 4×25% containers on the desktop to 2×50% container mobile? #1441867Hey frasche,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top #wrap_all .flex_column.av_one_fourth { width: 48% !important; margin-right: 2% !important; } .responsive #top #wrap_all .flex_column_table_cell { float: left !important; } }
if this doesn’t help please include a link to your page so we can examine.
Best regards,
MikeHi,
Sounds like extortion, nonetheless it should help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey Yory,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #wrap_all .av-product-class-minimal-overlay .inner_product_header { opacity: 0; } #top #wrap_all .av-product-class-minimal-overlay a:hover .inner_product_header { opacity: 1; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeMay 1, 2024 at 11:32 pm in reply to: How to add packages with free symbols / Icons in enfold #1441658Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad to hear, please register your Purchase Code here. Then log into the support forum and open a new thread when you have any questions and we will be happy to help.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .av-burger-overlay li li .avia-bullet, #top .av-hamburger-inner, #top .av-hamburger-inner::before, #top .av-hamburger-inner::after { background-color: #009989 !important; } #top .av-burger-overlay li li .avia-bullet, #top .av-hamburger.is-active .av-hamburger-inner, #top .av-hamburger.is-active .av-hamburger-inner::before, #top .av-hamburger.is-active .av-hamburger-inner::after { background-color: #fff !important; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeMay 1, 2024 at 5:33 pm in reply to: How to add packages with free symbols / Icons in enfold #1441618Hi,
Great example Guenni007, rixi you can also use the built-in icons that you might never otherwise use and assign css to always show your new images whenever they are used. Your new images are uploaded into your media library.Best regards,
MikeHey mattb1169,
Please see our documentation for Logo Centered split menu it will explain the specific settings and the code snippets. Another user Guenni007 posted a different example using jQuery that calculates the center better and would recommend giving it a try.
Please note that both solutions will depend on how many menu items that you have, fewer is better and six should be fine, and when your menu changes to the mobile menu, 990px is better, but each site is a little different.Best regards,
MikeHey Craig Rashkis,
Thank you for your question, you can purchase extended support later if you wish, but at the time of purchase the additional 6 months, for a total of a year, is at a big discount, later it will be more.
I would recommend purchasing the additional 6 months support to any of my family or friends :)Best regards,
MikeMay 1, 2024 at 5:01 pm in reply to: How to add packages with free symbols / Icons in enfold #1441612Hi,
If you want to use color icons (png, jpg, or gif), follow Guenni007’s css technique here.
Thanks for sharing Guenni007 :)Best regards,
MikeHi,
Thank you for the login, I edited your homepage and changed the Layout ▸ Header visibility and transparency as above, please clear your browser cache and check.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeMay 1, 2024 at 12:34 pm in reply to: How to add packages with free symbols / Icons in enfold #1441571Hey rixi,
Please see our documentation on Adding your own Fontello Icons
If you don’t find any icons you like at fontello.com then you can create your own by following these steps.Best regards,
MikeHi,
please include an admin login in the Private Content area so we can be of more assistance.Best regards,
MikeHey northorie,
Try adding this code into a code block element:<a href="#next-section" title="" class="scroll-down-link" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></a>
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeHi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Please see our documentation for Copyrights info
To remove the backlink add the[nolink]
shortcode in the copyright field.Best regards,
MikeHi,
Please use the browser inspector, unless there is anything else we can help with on this issue, shall we close this thread then?Best regards,
MikeHi,
To update please download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
then you will see the Theme updated successfully message.
Then going forward your Token should work correctly.Best regards,
MikeApril 30, 2024 at 8:41 pm in reply to: Accessibility: Compliance of forms and tab elements in the Enfold theme #1441500Hey S24-Marketing,
Thank you for your patience, for the tab_content not having the tabpanel role, and to add the ID as aria-labelledby, please try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function add_tabpanel_role_to_tab_content() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function ($) { $(".av_tab_section .tab_content").attr('role','tabpanel' ); $('.tab_content').each(function() { var id = $(this).attr('id'); $(this).attr('aria-labelledby', id); }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'add_tabpanel_role_to_tab_content');
and then test the site and see if that corrects.
Best regards,
MikeHi,
From site to site the menu item classes will not be the same, your second site looks like the menu item is “89” so try this css:#av-burger-menu-ul li.menu-item-89 { padding-top: 15px !important; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Can you include a admin login in the Private Content area so we can examine the element with the video better?Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:header .menu .avia-menu-text { text-transform: uppercase; }
it is the css from your file:
https://jabonescalvo.com/c/themes/jabonescalvo/css/app.css
perhaps you will want to add it to your staging site Quick CSS:/* TAG REDEF */ body, h1, h2, h3, h4, h5 { text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } /* ENFOLD REDEF */ .av-special-heading .av-subheading { /*font-family: 'Playfair Display', serif;*/ } /* HEADER */ header.av_header_transparency #header_meta .phone-info.with_nav span, header.av_header_transparency #header_meta .sub_menu a { /*color: #000 !important;*/ } header .menu .avia-menu-text { text-transform: uppercase; } /* HOME */ #home_slider img { margin-right: 50px; } /* BREADCRUMBS */ .rank-math-breadcrumb { font-size: 14px; } /* PAGINAS */ #cabecera_pagina .content { padding-bottom: 15px; } #cabecera_pagina .avia_textblock { text-decoration: underline; } /* BARRA LATERAL PAGINAS */ aside .widget_text { /*background: url(); */ padding: 20px; } /* CATEGORIES */ .slide-meta { display: none; } /* POST */ /* CONTACT */ /* LANDINGS */ body.page-landing-base .av_font_icon, body.page-auditoria-web .av_font_icon { display: inline-block; } body.page-landing-base .av_font_icon a, body.page-auditoria-web .av_font_icon a { text-decoration: none !important; } /* FOOTER & SOCKET */ #footer #text-4 { margin-bottom: 0; } #footer .avia_combo_widget { margin-top: 0; } .cookie-notice-container a { color: #fff; border: 1px solid #eaeaea; padding: 3px 5px; border: 1px solid #eaeaea; } /* MQs */ @media only screen and (max-width: 767px) { h1 { font-size: 32px !important; } h2 { font-size: 28px !important; } }
Best regards,
Mike -
AuthorPosts