Forum Replies Created
-
AuthorPosts
-
Hi,
Yes, that is what the export looks like, and it is good to save a export on your computer, but as you will read here: Read about using a Child Theme
The button you will want to click is “Import Settings from your Parent Theme” which is above the “Export theme settings file” button.
then you’ll need to re-set your menu options.Best regards,
MikeHi,
The error is in the code I gave you, on this line:.responsive #top #main {margin-top: -80px!important;}
try changing it to any negative number down to 0px, the closer to 0px the more space there will be at the top of the page. I thought -40px looked good, but I’ll let you judge :)
Best regards,
MikeApril 8, 2018 at 1:01 am in reply to: Sidebar: Text, remove frames from date and comments and remove current post #938685Hi,
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
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones 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,
Can you go to mailchimp and make the field not mandatory?
Perhaps this would work: Change Placeholder Text jQuery and CSS stylingBest regards,
MikeApril 8, 2018 at 12:44 am in reply to: Gallery, skip the big image, go directly to the lightbox #938683Hey raymondkramer,
How about opening the gallery on page load? If I understand correctly your gallery has one large image with other thumbnails, so the class of the large one should be “avia-gallery-big”
So if you add this code to a code block element on the page, every time the page is opened your gallery will be shown in the lightbox.
You could create a special page that is only meant to be linked via your slider, if you didn’t want other people landing on it by mistake.
Try adding this code in a code block element on the page that has your gallery<script> (function($){ $(window).load(function() { $('a.avia-gallery-big').trigger('click'); }); })(jQuery); </script>
Best regards,
MikeHey Jillian,
Try this code in the General Styling > Quick CSS field:.avia-mailchimp-form abbr.required {display: none !important;}
Best regards,
MikeHey Jillian,
The reason you can’t bottom align the buttons to line them all up is because the elements the buttons are in are different heights and nested inside div’s. But I created this css to make all of the dev’s the same height based on the largest one, which has a nice effect of lining all of the dates and excepts too.
Try this code in the General Styling > Quick CSS field:.slide-content .entry-content-header,.slide-content .slide-entry-excerpt.entry-content { min-height: 75px !important; } .slide-content .slide-meta { min-height: 21px !important; }
feel free to adjust the heights if you wish.
Best regards,
MikeHey wancora,
Please see this solution: https://kriesi.at/support/topic/breadcrumbs-for-custom-post-type/#post-400019Best regards,
MikeHi,
If I understand correctly, you want to use the fontello icons in the default editor, getting them from the shortcode wand, and use them inline with your post, any post.
Ok, then add this code in the General Styling > Quick CSS field:.av_font_icon.av-icon-style-inline { float: none!important; display: inline-block!important; vertical-align: middle!important; margin: 0 8px!important; }
Then go to your post and use the shortcode wand to get your icon, in my case I used a rocket:
Hello [av_font_icon icon='ue8dd' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' admin_preview_bg=''][/av_font_icon] how are you?
Now look at the code for style=” you will need to add “inline” between the two ” like this:
Hello [av_font_icon icon='ue8dd' font='entypo-fontello' style='inline' caption='' link='' linktarget='' size='40px' position='left' color='' admin_preview_bg=''][/av_font_icon] how are you?
and that is it! You only have to add the css one time, and add the word “inline” every time for it to work.
Best regards,
MikeHey (Email address hidden if logged out) ,
It looks like your code above for the link is not right, I believe this might be what you need to use://Add items on the social share section add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1); function avia_add_social_share_link_arguments($args) { $args['Whatsapp'] = array("encode"=>true, "encode_urls"=>false, "pattern" => "https://whatsapp.com/share?text=[title]&url=[permalink]"); return $args; }
Best regards,
MikeHi,
Try this code in the General Styling > Quick CSS field:.pricing-table li:nth-child(2) { height: 300px!important; }
please adjust to suit.
Best regards,
MikeHey marihonaa,
Try this code in the General Styling > Quick CSS field:#top .av_header_transparency #header_meta,.phone-info { background: blue!important; height: 45px!important; font-size: 18px !important; }
Please adjust the values to suit.
To add a icon before the phone number, please try this solutionBest regards,
MikeHey auxonet,
As of right now Enfold is not 100% compatible with AMP, here is a user report: https://kriesi.at/support/topic/amp-plug-ins-for-enfold-theme/#post-763335Best regards,
MikeApril 7, 2018 at 8:47 pm in reply to: How to load saved template if layout building is locked? #938660Hi,
We are unsure if this works, but it will give you a starting point: https://kriesi.at/support/topic/unlock-lock-advanced-layout-builder-for-editor/#post-858672
This might also help: https://kriesi.at/support/topic/enfold-lock-avia-layout-builder-editing/#post-744589
Hope this helps, but as Nikki pointed out, this is out of the scope of our support.Best regards,
MikeHey mmf1,
Sorry for the late reply, I have looked at your page, but I don’t see a issue, can you please explain a little more.Best regards,
MikeApril 7, 2018 at 8:33 pm in reply to: Sidebar: Text, remove frames from date and comments and remove current post #938656Hi,
Try this code in the General Styling > Quick CSS field:.flex_column.av_one_third .widget_text h3.widgettitle { color: #74b86b !important; margin: 0px !important; text-align: center!important; } .flex_column.av_one_third .widget_text { padding-bottom: 0px !important; }
Best regards,
MikeHi,
1: I tested on my Android and I couldn’t reproduce the resizing of the image, although it looks like we are both using mobile Chrome? I also tested in my desktop Chrome developer tools as mobile, which has been reliable. Please see video in the Private Content area. Are you using a iPhone?2: To center everything I added the class “mobile-home” to your special heading and added this css code in the General Styling > Quick CSS field:
.mobile-home {text-align: center;}
please clear your browser cache and check.
3: To make your mobile header transparent, and enable your alternative logo, I added this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 766px) { .responsive #top #main {margin-top: -80px!important;} #top #wrap_all .av_header_transparency {background-color: transparent!important;} div#header_main > .container {display: block !important;} .responsive #top .av_header_transparency .logo img.alternate{display:block!important; } .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img { opacity: 0!important; } }
Please clear your browser cache and check.
Best regards,
MikeHi,
I tried changing the text in your comment area with the plugin, but it didn’t work as expected, but I did find a new solution here:
how-to-change-comment-box-text
I was going to try for you, but it seems your WordPress > Appearance > Editor is disabled, so you will have to add the code via FTP
were you able to get your child theme setup?Best regards,
MikeApril 7, 2018 at 2:17 am in reply to: Sidebar: Text, remove frames from date and comments and remove current post #938465Hi,
Well done, I see you have added the “Widget logic” to all of the “Italien” posts, and they are showing in all of my checks.
Perhaps if you don’t see it right away, try re-loading your page, or clearing your cache.
But I think you are feeling not sure, so I will make a video. Please see video in Private Content area.
In the video I create a new widget for the Danmark category, since you have already added the “Widget logic” to the post, I don’t need to add it, but I show the post anyways to show the steps.Best regards,
MikeHi,
Please try this code, it makes the first and last empty columns width smaller:#top.page-id-3666 .avia-table-2 .pricing-table-wrap:nth-child(1),#top.page-id-3666 .avia-table-2 .pricing-table-wrap:nth-child(4) { width: 20% !important; }
feel free to adjust to suit.
Best regards,
MikeApril 6, 2018 at 3:38 am in reply to: Sidebar: Text, remove frames from date and comments and remove current post #937985Hi,
Ok, to create a new “widget logic” in a post, first go yo your post in the editor, and drag the “widget area” element in to your page.
Then choose the widget area you want to use:
These are the steps you will only need to do once, per post.Then in the WordPress > Appearance > Widgets you can create your widget in the widget area, and add the rules the “widget logic” field.
I hope this helps :)Best regards,
MikeHi,
Thanks for the information, I now believe that you have created the color section for mobile screens, and wish to have a full screen image for mobile devices. So lets try to see what we can do with this first.
I modified your code to this:@media only screen and (max-width: 989px) { #custom-section { background-size: cover !important; } } @media only screen and (max-width: 767px) { div#layer_slider_1 { display:none!important; } }
This hides your original layout for mobile screen sizes, and changes the background image of your color section to: “cover”, which will “cover” your screen.
Please see screenshot in Private Content area. This is what I see in mobile.
The only limitation here is that if you want to show the image full width, you will need a longer image.
But please clear your browser cache and check the as is size, I think it looks good.Best regards,
MikeHi,
I took a look and found that you only have one menu built, and by going to the “Gestionar ubicaciones” tab and for “Enfold Menú principal” choosing: “Menu Principal” solves the strange menu item.
Please try.Best regards,
MikeHi,
>For a thin outline around the fields:#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select { border-color: #000!important; }
>For all the fields left aligned: they seem this way now?
>For “change ‘E-mail’ to ‘Mail’” & “changed from ‘Want to join the discussion? Feel free to contribute!’ to ‘’Skriv dine spørgsmål og kommentarer. Vi glæder os til at høre fra dig!”” & “the bottom text be changed from ‘SKRIV KOMMENTAR’ to ‘SEND KOMMENTAR’”
Please try the Say What Plugin
Try adding the text you would like to replace, and your new text, and use ‘avia_framework’ as the Text Domain. This screenshot shows a example.
>To delete the comments number:div.comment_meta_container { display: none !important;}
Best regards,
MikeHi,
I changed the settings for the mobile layerslider so the canvas is 767px, this will be our max-width:
Now when you look at the editing screen you can see what it will look like as mobile, just stay within 425px for phones.
I also created a test page to view the slider, see Private Content area.
So, try to change the width of the text and button to match your image above for screen width 425px.
I see you have a color section under your layer slider, this is the one that is distorted. I guess we will be replacing it with the new mobile layerslider?Best regards,
MikeApril 5, 2018 at 12:30 pm in reply to: Sidebar: Text, remove frames from date and comments and remove current post #937673Hi,
Thanks for the login, I have taken a closer look and found that your “sidebar” is a 1/3 column in your page, which is good, but each page will have to be edited to add the widget, for the first time. But afterward you will only need to edit one place to change all of the widgets. I have done one for you to show you, this is what I did:
First I added a text widget to your “sidebar blog” area, using only the title and adding this code in the Widget logic area to make it show on every single post in the “italien” category:is_single() && in_category('italien')
Then I went to one post, and added the “widget” element to your 1/3 column, selecting the “sidebar blog” as the one to show:
Now it will show on your post, and once you add this same widget area to the other 9 posts in the category, you will be able to edit the one widget to change the text on all of the posts at once.
You can then follow these steps, to add other widgets, for the rest of your categories and posts.Best regards,
MikeHi,
There is no problem that blog posts are made in advanced layout builder, and yes using the child theme is a good plan.
How a child theme works, is once you install it, it holds all of your customizations and you typically don’t switch between the child theme and the parent theme.
Before you install the child theme, you will want to export your theme settings to your computer, by going to: Enfold Theme Options > Import/Export > Export Theme Settings File
Then after you install and activate the child theme, go to: Enfold Theme Options > Import/Export > Import Settings from your Parent Theme
this will import all of your setting from your parent theme, so your site will look the same.
Then you may need to clear any cache plugin & browser cache.
You can read more about using a child theme here.
If you wish we could take a look for you, please include a admin login in the private content area.Best regards,
MikeHi,
The best solution to have a great visitor experience with the layerslider is to create a mobile only version of your slider. Placing the new slider under your current one on the page and using css to hide one or the other depending on the screen size, such as the code below, which will only work if you have two sliders on one page.
We will be happy to show you how this works if you first create a duplicate slider resized for mobile view.@media only screen and (max-width: 767px) { div#layer_slider_1 { display:none!important; } } @media only screen and (min-width: 768px) { div#layer_slider_2 { display:none!important; } }
Best regards,
MikeHi,
Please try:@media only screen and (max-width: 460px) { #av-tab-section-1 .av-inner-tab-title,#av-tab-section-1 .av-tab-section-icon,#av-tab-section-1 .av-tab-arrow-container,#av-tab-section-1 .av-tab-section-image { width: 80px !important; } #av-tab-section-1 .av-tab-section-tab-title-container { padding-left: 25px !important; padding-right: 0px !important; } #av-tab-section-1 .av-section-tab-title { font-size: 10px !important; } } 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
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones 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 -
AuthorPosts