Forum Replies Created

Viewing 30 posts - 25,381 through 25,410 (of 34,867 total)
  • Author
    Posts
  • in reply to: Line Height Not Working with LayerSlider #1004737

    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,
    Mike

    in reply to: TripAdvisor Icon to Social Profiles #1004735

    Hey 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,
    Mike

    in reply to: Creating custom demo #1004727

    Hi,
    Glad we were able to help, shall we close this then?

    Best regards,
    Mike

    in reply to: Mobile menu customisation #1004726

    Hey 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,
    Mike

    in reply to: Clearing Enfold's Default Table CSS #1004723

    Hi,
    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,
    Mike

    in reply to: Uploading Google Fonts, No 'Custom Font Manager' #1004718

    Hi,
    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,
    Mike

    in reply to: Contact Form Email Address Validation #1004717

    Hi,
    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,
    Mike

    in reply to: Creating custom demo #1004687

    Hey 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 article

    Best regards,
    Mike

    in reply to: Gallery with double high/wight images? #1004686

    Hey 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,
    Mike

    Hey zqmaqma,
    Please see our documentation for a custom logo size

    Best regards,
    Mike

    Hi,
    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,
    Mike

    Hey zqmaqma,
    To customize the dashboard, please try a plugin such as: Client Dash

    Best regards,
    Mike

    in reply to: reference a custom class within another custom class #1004677

    Hi,
    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,
    Mike

    in reply to: STOP COLUMNS BREAKING TO FULL SCREEN ON MOBILE SCREENS #1004675

    Hi,
    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,
    Mike

    in reply to: Specific css in page problem #1004667

    Hey 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,
    Mike

    in reply to: Mouse Over masonry elements in mobile #1004663

    Hi,
    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 event

    But 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,
    Mike

    in reply to: Change woocommerce price position on single product page #1004647

    Hi,
    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,
    Mike

    in reply to: Allow registred user upload portfolio elements #1004645

    Hi,
    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,
    Mike

    in reply to: Cant save settings – "Saving didnt work! " #1004643

    Hi,
    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,
    Mike

    in reply to: Video not loading on mobile devices? #1004639

    Hi,
    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,
    Mike

    in reply to: Cant save settings – "Saving didnt work! " #1004635

    Hi,
    Thanks for sharing your solution, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    in reply to: enfold whitespace separator in sidebar #1004634

    Hi,
    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,
    Mike

    in reply to: Line Height Not Working with LayerSlider #1004520

    Hey 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,
    Mike

    in reply to: Burger/Mobile Menu / How can I get it bigger/thicker? #1004518

    Hi,
    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,
    Mike

    in reply to: Uploading Google Fonts, No 'Custom Font Manager' #1004511

    Hey Translibrium,
    Please update to 4.4.1 and you will see the font manager, it is very easy to use:
    2018-09-01_181712

    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,
    Mike

    Hi,
    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,
    Mike

    in reply to: How to change default enfold theme to flat business theme. #1004502

    Hey 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,
    Mike

    in reply to: Clearing Enfold's Default Table CSS #1004495

    Hey 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,
    Mike

    in reply to: Bullets colors #1004488

    Hey 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

    in reply to: enfold whitespace separator in sidebar #1004487

    Hi,
    Thank you for the login, I checked your css and found that you were missing a }
    I added it and now Vinay’s code works.
    Please clear your browser cache and check.

    Best regards,
    Mike

Viewing 30 posts - 25,381 through 25,410 (of 34,867 total)