Forum Replies Created
-
AuthorPosts
-
December 4, 2020 at 12:38 pm in reply to: Blog entries not shown in English although in German available #1264984
Hi,
Thank you for the feedback, I checked “/en/blogseite/” & “/blogseite/” and both pages look like excerpts to me.
Please see the screenshots in Private Content area.Best regards,
MikeHi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:html body.page-id-11963 a.iconbox_icon[data-av_iconfont='fontello']:before { font-size: 90px; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
@noucky please include admin login in the Private Content area so we can be of more assistance.Best regards,
MikeHi,
Thank you, my previous edit of removing the rouge PHP ending tags from your functions.php seems to have solved the issue with the child theme crashing the site when activated.
When I checked only the header/menu looked different, I note that you have a “helper-main-menu.php” in your child theme, is this file modified? Is this file modified in the parent theme?
It could be that the menu needs to be selected in the child theme, I didn’t want to make changes so I didn’t try, please try the child theme and the menu settings.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 in the Enfold forum and we will gladly try to help you :)Best regards,
MikeDecember 3, 2020 at 1:30 pm in reply to: Blog entries not shown in English although in German available #1264761Hi,
I took a look at your [EN] page and found that your “blog element” was set to show the full content, I changed it to the excerpt.
Please check

To apply CSS styles independent from the language settings, add your css to the WordPress > Customize > Additional CSS field.
To apply CSS styles based on the language settings, with WPML installed there is a theme panel for each language, each with it’s own Quick CSS.
If you are writing css for a specific language try using a language selector like this:html[lang="en-US"] article .entry-title a { color: red !important; } html[lang="de-DE"] article .entry-title a { color: green !important; }Best regards,
MikeDecember 3, 2020 at 12:39 pm in reply to: Enfold Diagonal Color section alternate top and bottom #1264745Hi,
Glad to hear this worked for you, we should close this old thread now.
I’m not sure how the other site achieves this effect, it looks like javascript.Best regards,
MikeHi,
Please try following these steps to achieve this layout:

Are you still using “/?page_id=4727” as a test page? It doesn’t represent the steps in the solution. Please include an admin login in the Private Content area.Best regards,
MikeHi,
@Noucky thanks for the link to your site I tested the solution above on your site and it seems to work correctly. I tested by injecting the script via the browser.
This doesn’t seem to be installed on your site right now, do you get an error when you try it?Best regards,
MikeHi,
Thanks for the feedback, I tested your site on WebPageTest.org and found that your “First
Byte Time” is 3.343s, this is 3s too slow, it should be about 0.343s or faster.
The whole page loaded in 13.179s – 14.586s
The FBT is due to your web server, there is not anything you can do to reduce that first 3s.
Your other content connections look ok until you get to the “fontello.woff2” font which is giving a 404.
Please see the test link below.
I also tested the same demo on my test server and the FBT was 0.566s and the whole page loaded in 5.233s – 7.220s “out of the box”.Best regards,
MikeHi,
Thanks for the feedback, the reason why you have two dotted borders is because your css is targeting.dotted-border p
instead of.dotted-borderas I posted in the example above.Best regards,
MikeDecember 1, 2020 at 3:23 pm in reply to: Enfold Diagonal Color section alternate top and bottom #1264251Hi,
I don’t believe that parallax with work with a diagonal border, especially with IOS. But that aside I can see your point, I was able to achieve this with some custom classes and a little jQuery:

In this example, all color sections are set to 100% visual height and the middle color section is the target so it has the bottom diagonal border and it has the custom classtarget-flipped-diagonal-border.
Now we will add a bottom diagonal border to the section above, this will be our fake top diagonal border, and we will add the custom classflipped-diagonal-borderto it.
This is the code you can add to the end of your functions.php file in Appearance > Editor:function custom_flipped_diagonal_border_script() { ?> <script> (function($) { $(document).ready(function(){ $('.flipped-diagonal-border .av-extra-border-element').css({'transform':'rotate(180deg) scaleX(-1)','margin-top':'0px'}); $('.target-flipped-diagonal-border').css({'margin-top':'-250px'}); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_flipped_diagonal_border_script');Now the middle section has two diagonal borders over it, top & bottom.
Best regards,
MikeHi,
Glad this helped, what addon was causing this? Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeHi,
Glad to help, but I’m not understanding your screenshots, the layout of the text seems the same, please try updating your test page so we can investigate further.Best regards,
MikeHi,
Sorry for the very late reply, and thanks for the mockup, this is what I came up with:

this is a text block element inside a 3/5 column inside a color section:


this is the text block content:<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h2> <img class="size-medium wp-image-1959 alignleft" src="https://test.test/wp-content/uploads/2017/02/people-2-1-300x300.jpg" alt="" width="300" height="300" /> <h3>Ut nisi sem, sagittis sodales risus vel, fringilla lobortis ex. Suspendisse urna quam, laoreet nec bibendum quis, tincidunt eu turpis.</h3> – link 1 – link 2 – link 3 emailaddress hereFor the border I added a custom class
dotted-borderto the 3/5 column, and then used this css:.dotted-border { background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='50' ry='50' stroke='black' stroke-width='4' stroke-dasharray='2%2c 8' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e"); border-radius: 50px; padding: 30px; }Please give this a try.
Best regards,
MikeNovember 30, 2020 at 1:44 pm in reply to: Top bar social icons : remove background on hover + add phone icon #1263965Hi,
Glad to hear, unless there is anything else we can help with on this issue, shall we close this then?Best regards,
MikeHi,
Glad to hear this helped, unless there is anything else we can help with on this issue, shall we close this then?Best regards,
MikeHi,
Thank you, the ftp access seems to be working, but the login token seems to have expired, please check.Best regards,
MikeNovember 30, 2020 at 1:11 pm in reply to: Accordion Slider On Mobile and Grid Row Box Shadow #1263954Hi,
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 in the Enfold forum and we will gladly try to help you :)Best regards,
MikeNovember 30, 2020 at 4:02 am in reply to: Enfold Diagonal Color section alternate top and bottom #1263857Hi,
Sorry for the late reply, unfortunately, this is not an option in the theme yet, but couldn’t you just add a diagonal border to the bottom of the first section, which would be the same as adding it to the top of the second section?
The only other option I can think of is to search Google for some css that will create the effect you wish for.Best regards,
MikeNovember 30, 2020 at 2:25 am in reply to: Blog entries not shown in English although in German available #1263848Hey kwanumzen,
Sorry for the very late reply and thanks for the login, I see that in the [DE] theme settings your “Blog” is set to the page “BlogSeite” WPML copied this page to “/en/blogseite/” but since the [DE] “Blog” page is actually empty because it’s a special “page” so that WordPress can show the posts, the new page is empty and WordPress doesn’t know to show posts there.
So the solution is to go to “/en/blogseite/” and in the admin toolbar you can edit the page, then use the Advanced Layout Builder to add a Blog element to this page.
Now I imagine you only want to show [EN] posts on this page, so you will need to translate your one [DE] post and assign a taxonomy for the [EN] posts so you can choose this in the blog element options.
There is a chance that translating your posts will double the ones that show on the [DE] page, if this happens then I would recommend deactivating the “And where do you want to display the Blog?” option for the blog in the theme settings, and then go to your “BlogSeite” page and edit it with the Advanced Layout Builder and add the blog element with a different taxonomy chosen.
This way each “blog” page will show the correct language posts.Best regards,
MikeHey Jannes92,
Sorry for the very late reply and thanks for the login. This issue was caused by this css in your Quick CSS:ul.sub-menu{ display: none !important; }I removed this and now your mega menu works correctly.
Please clear your browser cache and check.Best regards,
MikeNovember 30, 2020 at 12:21 am in reply to: Empty DIV appears and replicates in ALB elements #1263838Hey sckye,
Sorry for the very late reply and thanks for the video and test page.
I tried to follow the steps in the video on my localhost and couldn’t recreate this issue, I then created a new test page on your site “02 Empty DIV” and I couldn’t recreate it. Please check the text elements on the new test page, in the “text” tab there are no DIV’s – do you see any?
What browser & OS are you using?
Do you have any browser addons? I recall an issue a while back where a browser addon was doing something similar.Best regards,
MikeNovember 29, 2020 at 11:14 pm in reply to: Accordion Slider On Mobile and Grid Row Box Shadow #1263835Hi,
Sorry for the late reply and thanks for the login, as I understand your issue, you want to “to show 5 partner logo images at once vertically and then slide to next 5 partner logo images”
I looked at your partner logo element and found that there were only 4 so I changed the setting to show 5, on mobile they line up as you wish. Please clear your browser cache and check.Best regards,
MikeHi,
Sorry for the late reply and thanks for the login and ftp access, but unfortunately it looks like the ftp account needs to have it’s access changed to “public_html/” or ” / “ from the user directory, assuming that you are using cPanel you can change it like this:

I’m not sure why your Quick CSS doesn’t seem to be working, I removed all of the css, but I saw no change in the site, I also tried adding this test css:#top .alternate_color.title_container .main-title a { color: red !important; }with no change, is your webhost caching on the server, can you disable it? I added the css back to the Quick CSS.
I also looked at your child theme and found your functions.php had some rouge PHP ending tags, I removed these but I don’t want to test without ftp access, please try the child theme.Best regards,
MikeNovember 29, 2020 at 1:30 pm in reply to: Opacity of transparent header font and logo same as background with css #1263778Hi,
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 in the Enfold forum and we will gladly try to help you :)Best regards,
MikeNovember 29, 2020 at 5:32 am in reply to: Top bar social icons : remove background on hover + add phone icon #1263731Hey dkarvasz,
Sorry for the late reply and thanks for the link to your site.
To remove the background color from the header social icons you could use this css:#top #wrap_all .social_bookmarks > li:hover a { background-color: transparent !important; }But I believe that your background color issue could be solved with this css, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
#top .social_bookmarks li a { border-radius: 100px; } #header .social_bookmarks li a { line-height: 40px !important; } #top .social_bookmarks { margin: 10px 0 0 -9px !important; }After applying the css, please clear your browser cache and check.
I see that you have added your phone number to the Enfold Theme Options > Header > Extra Elements > Phone Number or small info text field and you also have Font Awesome code there, to use this to should install the Font Awesome plugin it should work right away for you.
Or you can insert a phone icon before the actual phone number with this shortcode:
[av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon]Best regards,
MikeNovember 29, 2020 at 4:44 am in reply to: Opacity of transparent header font and logo same as background with css #1263723Hi,
Glad to hear, unless there is anything else we can help with on this issue, shall we close this then?Best regards,
MikeHey lauragrashoff,
Entschuldigen Sie die späte Antwort und danke für das Testskript. Ich habe den Code in ein Codeblockelement auf einer Seite auf dem lokalen Host eingefügt und festgestellt, dass das Auffüllen der Seite das Problem verursacht hat. Dies hat es für mich gelöst:#main > .container_wrap_first > div { padding: 0 !important; }Aber ich würde Ihre Seiten-ID zu diesem CSS hinzufügen, damit andere Seiten davon nicht betroffen sind.
— Translated with Google —
Sorry for the late reply and thanks for the test script, I placed the code in a code block element on a page on the localhost and found that the page padding caused the issue, this solved it for me:
#main > .container_wrap_first > div { padding: 0 !important; }but I would add your page ID to this css so it doesn’t affect other pages.
Best regards,
Mike -
AuthorPosts
