Forum Replies Created
-
AuthorPosts
-
Hi,
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, 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
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,
It is because the change removed the ID “#av_section_7”, that’s ok I found a better one that probably wont get changed, #ebook.page-id-206 #ebook .av-extra-border-element.border-extra-diagonal { margin-top: -100px !important; }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
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,
Please try:.avia-table-2.avia-builder-el-17 td,.avia-table-2.avia-builder-el-17 th { font-size: 12px !important; padding: 6px !important; }Best regards,
MikeHi,
Please add a class to your anchor links, like this:<a class="anchor" name="F"></a>Then we can add a offset to your anchors with css code in the General Styling > Quick CSS field:
.anchor { display: block; height: 100px; margin-top: -100px; visibility: hidden; }If this doesn’t help, we might need to adjust the “100px” to a different size, Can you please include a admin login in the private content area so we can take a closer look.
Best regards,
MikeHi,
Glad to help, is there anything else we can assist with on this, or shall we close this?Best regards,
MikeHi,
Sure, just add: cursor: pointer; to your code, like this:.linkabout:hover,.linkblog:hover,.linkwork:hover,.linkservice:hover { -webkit-filter: saturate(5); filter: saturate(5); cursor: pointer !important; }Best regards,
MikeHi,
Since you are using the advanced layout builder to create your posts, you need to add the comment element (Kommentarer) to the bottom of your post.
I did this for you for the post linked in the Private Content area, note that it looks slightly different when you are logged out. I also included a screenshot so you can see. I added a red box to point it out, as the light colors makes it hard to see.
Let us know if you want the form fields a different color, to make them stand out more.Best regards,
MikeHey ceart,
It looks like the first one “New website, new art, new goals” has been created with the advanced layout builder, and the next one “Taking a break… choosing my priorities” was created with the default WordPress editor.
You will notice that the default editor posts automatically include the social buttons and comments, and automatically include a except on the blog page. While the advanced layout builder (ALB) posts do not, this is by design to give you greater control over your layout. To show a excerpt on your blog page of the ALB posts, please go to the top of your post in the editor page and choose “screen options” and then check the box “Excerpt” this will show a excerpt box at the bottom of your post to add a manual excerpt.


Best regards,
MikeHey alexEnvatoAgeless,
If I understand correctly, you believe there is a gap above your header right now? Please see screenshot in Private Content area.
Right now I don’t see a gap above your header, this is the correct size for Enfold’s default “slim” settings at Enfold Theme Options > Header > Header Layout > Header Size
But you can change this setting to “custom pixel value” and then choose a new height from the “Header Custom Height” drop down.
Perhaps 50px is what you are looking for, please note that you logo will look smaller with a smaller header, unless you create a new one with no white space above or below the logo.Best regards,
MikeHi,
Please download the latest version from your account at Theme Forest, them try to update manually via FTP: https://vimeo.com/67209750
Please note, do not try to overwrite your theme folder with the new one via FTP, this will leave old files in place, you must completely remove the old folder first.
Also ensure your webhost is not using a older PHP version, such as v5.3, ask to have version 7 installed.Best regards,
Mike -
AuthorPosts
