Forum Replies Created
-
AuthorPosts
-
Hey Reinhard,
Sorry für die späte Antwort. Ich glaube, das lag daran, dass das Element beim Laden der Seite einen niedrigeren Z-Index als der Slider erhalten hat.
Bitte versuchen Sie diesen Code im Feld General Styling> Quick CSS:#top.page-id-309 #fullscreen_slider_1 { z-index: 0 !important; } #top.page-id-309 .flex_column.avia-builder-el-1 { z-index: 10 !important; }Wenn dies nicht hilft, fügen Sie bitte einen Administrator-Login in den privaten Inhaltsbereich ein, damit wir genauer hinsehen können.
———
Sorry for the late reply, I believe this was because the element was getting a lower z-index than the slider on page load.
Please try this code in the General Styling > Quick CSS field:#top.page-id-309 #fullscreen_slider_1 { z-index: 0 !important; } #top.page-id-309 .flex_column.avia-builder-el-1 { z-index: 10 !important; }If this doesn’t help please include a admin login in the private content area so we can take a closer look.
Best regards,
MikeHey sundara88,
Sorry for the late reply, you can have a single fixed image for a background so the page content scrolls over the top of it with transparent sections.

First you will give the page a fixed background-image and give it a transparent background color:<style> body #main { background-image: url(https://thesteelframingcompany.com.au/wp-content/uploads/2017/09/Narrawa5Wide.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; height: 100%; } .main_color { background-color: transparent; } </style>If you use this css in your Quick CSS or style.css you will also need to assign the page ID to it so it doesn’t apply this to all pages. One way around this is to add the css above in a code block element at the top of your page.
Now as you add your content elements they will be transparent until you add a background color, so you can use two color sections with background colors and a space between them to give the illusion of a transparent “window”
That is really all there is to it.
I put together an example for you that you can test with, just Enable the Avia Layout Builder Debug and add this shortcode to the debug window and save.Best regards,
MikeHi,
Perhaps it was a cache issue, because when I look at your form it has a white background & gray boarder, Please see screenshot in Private Content area.
Is this correct now?Best regards,
MikeHi,
Thank you for sharing your solution, 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,
MikeJuly 1, 2018 at 3:46 pm in reply to: Enfold 2017: single post & mansonry -> author below title? #979836Hi,
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,
MikeJuly 1, 2018 at 3:42 pm in reply to: Widget content (part of the menu) is not showing on Mobile #979835Hi,
Please try adding this code to the end of your functions.php file in Appearance > Editor:function copy_widget_to_burger(){ ?> <script> jQuery(window).click(function(){ jQuery( "#text-25" ).clone().appendTo( "#av-burger-menu-ul" ); }); </script> <?php } add_action('wp_footer', 'copy_widget_to_burger');Then add this css in the General Styling > Quick CSS field:
#av-burger-menu-ul #text-25.widget { padding: 0 50px !important; text-align: left !important; }Best regards,
MikeHey ScantronAS,
Please try this solutionBest regards,
MikeHi,
Thanks for the login, I moved the “gallery more info” script out of your custom.js and created a function for it in your functions.php
Now it is not giving any errors, and your other scripts in custom.js are also working.
Please clear your browser cache a couple of times, and check.Best regards,
MikeHi,
Thank you for the login, I found that you had a custom footer script in your child theme footer.php
Removing it solved you issue. I have added a link to the script in the Private Content area via dropbox so you can review what it was used for and if you want to try to debug it or not.Best regards,
MikeHi,
Can you please include a admin login in the private content area so we can take a closer look.Best regards,
MikeHi,
Thank you for sharing your solution, 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,
We were expecting the widget to be next to the logo, between the menu.
Can you please include a admin login in the private content area so we can take a closer look.Best regards,
MikeHi,
Please add the css to WordPress > Customize > Additional CSS
Then clear your browser cache.
If this still doesn’t work, then please include a admin login in the private content area so we can take a closer look.Best regards,
MikeHey losting,
Try this code in the General Styling > Quick CSS field:.avia_transform .av_slideshow_full .avia-caption-title { transform: none !important; visibility: visible !important; }Or try in the WordPress > Customize > Additional CSS
Best regards,
MikeHi,
Sorry for the late reply, Do you want the phone icon and phone number next to the logo as in your example site, or in the extra bar at the top where you have a phone number now?
Assuming that you want it next to the logo, you can create a header widget area
Then include your icon code and number in a code block element, here is a example to model, just change the words “phone number” to your number:<span style="color:#58585b!important;"> <span class="av-icon-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span> phone nember </span>Best regards,
MikeHey Cocoa,
Please try this solutionBest regards,
MikeHi,
Please try this solutionBest regards,
MikeHi,
I have reported solution to the dev team, thanks again @resonanzmarketing
We will close this now, Thank you for using Enfold.Best regards,
MikeHey danielromanin,
I followed this solution to add your social icons to your burger menu.
Please clear your browser cache and check.

Best regards,
MikeHey FelixWeile,
We could copy the html code of your social media icons and place in a code block element where your “F” is now, if you enable your social icons again and post a admin login in the Private Content area we could assist with this.Best regards,
MikeHey Wynnphotodesign,
Unfortunately this feature is not available yet, but this solution may work to achieve your results.Best regards,
MikeJune 30, 2018 at 10:53 pm in reply to: Enfold 2017: single post & mansonry -> author below title? #979651Hi,
Sorry for the late reply, I believe you are looking to add the author to the post grid element, and that this is the correct solution
For showing the author on the masonry under the title, on hover, Try this code in the General Styling > Quick CSS field:.av-masonry-author { display: block !important; }Best regards,
MikeHey yourcloudworks,
Try this code in the General Styling > Quick CSS field or in WordPress > Customize > Additional CSS:@media only screen and (max-width: 767px) { .responsive #top #wrap_all #header { position: fixed !important; } .responsive #top #wrap_all #header.av_header_transparency { display: none !important; } }If you feel that the header show too sharply and would like a little animation to have it fade in on scroll, try this code instead:
@media only screen and (max-width: 767px) { .responsive #top #wrap_all #header { position: fixed !important; -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 1s; /* Firefox < 16 */ -ms-animation: fadein 1s; /* Internet Explorer */ -o-animation: fadein 1s; /* Opera < 12.1 */ animation: fadein 1s; } .responsive #top #wrap_all #header.av_header_transparency { display: none !important; } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }Best regards,
MikeJune 30, 2018 at 10:20 pm in reply to: Table styling issues and fullwidth easy slider issues #979645Hey bauchope,
When I look at your table the background color for all of the rows are #f2f2f2, so I wrote the css to make the other rows white.
I was not sure what font size you wanted for the pricing row, so I made it half size, 30px, please feel free to adjust to suit.
I also added a 8px border-radius, but again feel free to adjust to suit.
This is the css I added to your WordPress > Customize > Additional CSS:#top.home .avia_pricing_minimal.avia-table-1 .pricing-table>li:nth-child(even) { background: #fff !important; } #top.home .avia_pricing_minimal.avia-table-1 .pricing-table li.avia-pricing-row { font-size: 30px !important; } #top.home .avia_pricing_minimal.avia-table-1 .pricing-table>li { border-radius: 8px; } #top.home .avia_pricing_minimal.avia-table-1 .pricing-table { box-shadow: none !important; }For your full width easy slider on mobile, I added this css to your WordPress > Customize > Additional CSS:
@media only screen and (max-width: 480px) { ul.avia-slideshow-inner { min-height: 150px !important; height: 150px !important; } .av_slideshow_full li, .av_slideshow_full .avia-slide-wrap, .av_slideshow_full li img { height: 100% !important; } }Please clear your browser cache and check.
Best regards,
MikeHey Esther,
You can target the h2 & h3 special heading with the classes “.av-special-heading-h2” & “.av-special-heading-h3”
or with “.av-special-heading-h2 h2” & “.av-special-heading-h3 h3”
Like this:.av-special-heading-h2, .av-special-heading-h2 h2{ font-size: 70% !important; color: blue !important; } .av-special-heading-h3, .av-special-heading-h3 h3{ font-size: 70% !important; color: yellow !important; }notice the two class types are separated with a comma to target all of them, as an example. I would recommend adding your page or post classes to each rule because using them globally can cause some unexpected changes.
The sub-headings use the classes “av-subheading” or “av-subheading_below” or “av-subheading_above”
Please give these a try, if you still have trouble, please post a link to the page and explain what you want and we will assist.Best regards,
MikeHey Wynnphotodesign,
Try adding this code to the end of your functions.php file in Appearance > Editor:function remove_title_link(){ ?> <script> (function($){ $(document).ready(function(){ $('.main-title.entry-title a').contents().unwrap(); }); })(jQuery); </script> <?php } add_action('wp_footer', 'remove_title_link');Best regards,
Mike -
AuthorPosts




