Forum Replies Created
-
AuthorPosts
-
Hi,
The line height in layer sliders should not override all other theme related line height.
I see today it looks much better, setting the line height in the layerslider is what I would have suggested.
Does this meet your needs now?Best regards,
MikeHey SlabeB,
I was able to get it working for you, just so you will know in the future the fontello fonts should be uploaded to Enfold Theme Options > Import/Export > Iconfont Manager, not the Custom Font Manager :)The correct function is:
// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['tripadvisor'] = array( 'font' =>'fontello', 'icon' => 'uf262'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); // Add new icon as an option for social icons function avia_add_custom_social_icon($icons) { $icons['Trip Advisor'] = 'tripadvisor'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
If you open the zip file that you download from fontello, and look in fontello.css at the bottom you will see the code for the icon: content: ‘\f262’;
and when you put it into the function change the “\” to a “u” look above.Please clear your browser cache and check.
Best regards,
MikeHey boyan89,
Please try this code in the General Styling > Quick CSS field:@media only screen and (max-width:984px) { #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a { font-size: 36px; color: #fff !important; } .html_av-overlay-side #top .av-burger-overlay-scroll { background: rgba(156, 156, 156, .5) !important; } .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after { background-color: #fff !important; } }
Best regards,
MikeHi,
not really for what you are trying to do, which is remove Enfold’s styling so a plugin can apply it’s styling.
You might be able to put this at the top of the WordPress > Customize > Additional CSS field:.main_color table,.main_color tbody,.main_color tr,.main_color th { all: initial !important; }
and then copy the stylesheet from the plugin and add it below the code above.
But my first answer is a better solution.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeHi,
I tried to look into this and was able to add the plus sign into the validation, but while Enfold allowed it WordPress didn’t send the email. I was not able to add the plus sign into the WordPress validation successfully.
I also didn’t find any helpful solutions with Google.
I’ve added a link to the modified contact.js in the Private Content area if you wanted to see.
It belong in \enfold\config-templatebuilder\avia-shortcodes\contact\Best regards,
MikeHey yifatcohen,
I didn’t find any tutorials on customizing the built-in demo importer, but it uses the WP Importer, you can see the demos in your theme folder at: \enfold\includes\admin\demo_files\
and reverse engineer one to your needs, or try this plugin: One Click Demo Import or if you want to build one from scratch, see this articleBest regards,
MikeHey ThorstenFB,
That demo is using the masonry gallery with the “Perfect Automatic Masonry” option used.
To get the double height or width read the tip in the option:Perfect Automatic Masonry: Display a grid where most images get the same size, only very wide images get twice the width and very high images get twice the height. To qualify for “very wide” or “very high” the image must have a aspect ratio of 16:9 or higher
Best regards,
MikeSeptember 2, 2018 at 6:58 pm in reply to: i want a wider logo image to put on the header, is there any tips to do that? #1004685Hey zqmaqma,
Please see our documentation for a custom logo sizeBest regards,
MikeSeptember 2, 2018 at 6:51 pm in reply to: Fullscreen Slider – Remove Caption on 1 slide only (slide 3 of 3) #1004684Hi,
I took a look at your slider on your homepage and see that you have 3 slides, so I wrote this css to hide the caption container on the third slide, Please try this code in the General Styling > Quick CSS field or the WordPress > Customize > Additional CSS field:#top.home .avia-fullscreen-slider li.slide-3 { z-index: 20 !important; }
Please clear your browser cache and check.
Best regards,
MikeSeptember 2, 2018 at 6:24 pm in reply to: how to custom the tab, category and 404 page on the dashboard? #1004679Hey zqmaqma,
To customize the dashboard, please try a plugin such as: Client DashBest regards,
MikeSeptember 2, 2018 at 5:42 pm in reply to: reference a custom class within another custom class #1004677Hi,
To reduce your repeating css rules, you can add several classes to one rule by separating with a comma, like this:.imagecustomclass01,.imagecustomclass02,.imagecustomclass03 {…}
Best regards,
MikeSeptember 2, 2018 at 5:34 pm in reply to: STOP COLUMNS BREAKING TO FULL SCREEN ON MOBILE SCREENS #1004675Hi,
Is this going to be for the homepage only?
I recommend adding a custom class or ID to each column element to have better control, but here is an example of overriding the column brake points for your page now:@media only screen and (max-width: 768px) { #top.home .flex_column.no_margin.av_two_fifth { width: 40% !important; float: left !important; } #top.home .flex_column.no_margin.av_three_fifth { width: 60% !important; float: right !important; } #top.home .flex_column.no_margin.av_two_fifth.avia-builder-el-11 { width: 40% !important; float: left !important; } #top.home .flex_column.no_margin.av_two_fifth.avia-builder-el-14 { width: 40% !important; float: right !important; } }
note that for your two 2/5 middle columns I used the element classes, but these change every time you update the page, so while it works as an example, you really should add custom classes.
Also you will want to add some padding, but this should be a good starting point for you.Best regards,
MikeHey strumpumpel,
I took a look at your page and css and the first thing I noticed was your page id was in the wrong place in your css, I also recommend adding another id with the page id to the css to overcome the base css because it is using !important;
Please try this css instead:@media only screen and (max-width: 667px) { .responsive #top .slideshow_caption h2 { font-size: 80% !important; padding-top: 3px !important;} .responsive #top.page-id-1097 #full_slider_1 .slideshow_caption h2 {padding-top: 9px !important;} .responsive #top.page-id-1293 #full_slider_1 .slideshow_caption h2 {padding-top: 11px !important;} } @media only screen and (max-width: 800px) { .responsive #top .slideshow_caption h2 { font-size: 70% !important; padding-top: 13px !important;} .responsive #top.page-id-1097 #full_slider_1 .slideshow_caption h2 {padding-top: 9px !important;} .responsive #top.page-id-1293 #full_slider_1 .slideshow_caption h2 {padding-top: 11px !important;} }
Please clear your browser cache and check.
If this doesn’t help, please include a admin login in the private content area so we can take a closer look.Best regards,
MikeHi,
As you point out there is no “hover” for touch devices, and in order to simulate this, or add touch events, will have to be done with jQuery. This would take some considerable script writing, which would be beyond or scope here. But I’m sure you can hire a freelancer on Upwork to do it for you reasonably. Here is a good starting point for the script.
Another option would be to add a swipe eventBut if you just want to remove the overlay, this css is working in my tests:
.avia_mobile .av-caption-on-hover .av-masonry-item-with-image .av-inner-masonry-content { display: none !important; }
I hope this helps.
Best regards,
MikeSeptember 2, 2018 at 3:55 pm in reply to: Change woocommerce price position on single product page #1004647Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeHi,
Oh, I see. No Enfold doesn’t have a built-in function for that, did you find a plugin that allows posting from the front end?
These are the ones I found: Frontend Posting Plugins But I don’t have any experience with them.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeHi,
If I understand the issue correctly, your video is not playing on Android Firefox, yet I tested on my Android Firefox & Chrome and the video played good. I have made no privacy browser settings on either, have you tried resetting the browsers to the default settings & clear your browser cache? I also tested on desktop Chrome, Firefox, Edge & IE11 and found no issues playing the video.Best regards,
MikeHi,
Thanks for sharing your solution, unless there is anything else we can help with on this issue, shall we close this then?Best regards,
MikeHi,
I hope you don’t mind, I took a different approach to adding the hr with the icon, I added this code to the end of your functions.php file in Appearance > Editor:function custom_sidebar_hr(){ ?> <script> jQuery(window).load(function(){ jQuery( '<div class="hr hr-short hr-center side-bar"><span class="hr-inner "><span class="hr-inner-style"></span></span></div>' ).insertAfter( '#newsbox-2 li.news-content' ); }); </script> <?php } add_action('wp_footer', 'custom_sidebar_hr');
and I added this css to your Quick CSS
.hr.hr-short.hr-center.side-bar { margin: 0px !important; } .hr-short.side-bar .hr-inner { width: 90% !important; left: 15% !important; }
Please clear your browser cache and check.
Best regards,
MikeHey Eric,
Thank you for the login, I looked at your layerslider on your homepage, which looks great, but I assume that you want the line height to be a little more, right?
I see that currently, according to the inspector the text is:
font-size: 28.672px;
line-height: 40.96px;
But it looks like the line height is really a lot less than that. Do I understand this issue correctly?Best regards,
MikeSeptember 2, 2018 at 1:03 am in reply to: Burger/Mobile Menu / How can I get it bigger/thicker? #1004518Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeSeptember 2, 2018 at 12:20 am in reply to: Uploading Google Fonts, No 'Custom Font Manager' #1004511Hey Translibrium,
Please update to 4.4.1 and you will see the font manager, it is very easy to use:
Please note that if you update via FTP, you will need to remove the old theme folder “enfold” first then upload the new “enfold” folder at /wp-content/themes/enfold/
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.Best regards,
MikeSeptember 2, 2018 at 12:15 am in reply to: Show placeholder texts in mailchimp newsletter form (Enfold) + remove label text #1004509Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeSeptember 2, 2018 at 12:01 am in reply to: How to change default enfold theme to flat business theme. #1004502Hey Amol,
This can be done two ways, the first and best is to reset the site with WordPress Reset it will clear all content, styles, images and be like you started from day one.
Then activate Enfold, and install the demo. Remember, you will lose everything.The second option is if you need to keep your posts & pages & images, you will need to export your posts and pages though WordPress > Settings > tools > export, and then use a plugin like downML – Download Media Library and save your media library to your desktop, which you will upload again one by one later.
Then continue with the steps above.If you must try to save all of your content, then please make a backup with the tools your webhost has to use, just in case you make a error and need to try again.
You can try to just install the new demo over your current demo, but your menus will double up with items from both demos, and you may still lose some posts, maybe not. Either way you will need to spend some time cleaning up the site afterwards, it’s not the best way to do it
Best regards,
MikeHey DJQuad,
To clear all of Enfold’s css for tables, please go to: \enfold\css\base.css and comment out lines 272 – 324
It starts like this:/* #Table ================================================== */ table { width: 100%; padding: 0; margin: 0 0 20px 0; font-size: 13px; }
to comment out css add a /* at the start, and a */ at the end, like this:
/* table { width: 100%; padding: 0; margin: 0 0 20px 0; font-size: 13px; } */
Best regards,
MikeHey LuizBase,
If I understand correctly, you need 2 list style colors?
Which colors do you want and what classes do you need to be, that is I assume you will add classes to them to choose where they will go.
Can you link to the page they will be on so we can see the classes?Best regards,
Mike -
AuthorPosts