Forum Replies Created
-
AuthorPosts
-
Hey Andrii,
To create a lightbox popup for your contact form, first add this code to the end of your functions.php file in Appearance > Editor:function popup_inline() { ?> <script type="text/javascript"> jQuery(window).load(function(){ jQuery('.open-popup-link').magnificPopup({ type:'inline', midClick: true }); }); </script> <?php } add_action('wp_head', 'popup_inline');
Then add this code in the General Styling > Quick CSS field:
.white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; }
please adjust the max-width to suit
Then in a code block on your page add this code for the lightbox:
<div id="test-popup" class="white-popup mfp-hide"> <p>PLACE CONTENT HERE</p> </div>
Then in a second window, open a new post in the default editor and using the wand tool, create a contact form so you can copy the shortcode for it.
Paste the shortcode in your popup, replacing the text “PLACE CONTENT HERE”Now to create the button to open the popup, we need to add the class “open-popup-link” to the link inside the button and make the link point to “#test-popup” this can be a little tricky so I’ve added and example button”
<div class="avia-button-wrap avia-button-center avia-builder-el-99"><a href="#test-popup" class="open-popup-link avia-button avia-icon_select-no avia-color-theme-color avia-size-medium avia-position-center "><span class="avia_iconbox_title">I’d like more info, please</span></a></div>
If you want some help creating a custom button, first make a button you like on a test page and post the url so we can copy the html and add the class for you.
Then add the button code in a code block element where you want it on your page. The popup code block, from above, can be anywhere on your page, and that is all there is to it.To open other links in a lightbox, simply add this to the end of your links”
?iframe=true
Here are some examples, to make a link for an image to open in lightbox:
<a href="http://127.0.0.1/wp-content/uploads/2015/07/portfolio-9.jpg" rel="prettyPhoto" title="">Image</a>
To open pages in lightbox using an iframe:
<a href="http://127.0.0.1/pages/blank-pages/coming-soon-page/?iframe=true">Page</a>
If you link to one of your pages, such as a FAQ, try to disable the header, sidebar, & footer for that page in the page layout options.
This is the format for opening a Youtube video in lightbox:<a href="http://www.youtube.com/watch?v=qqXi8WmQ_WM" rel="prettyPhoto" title=""><img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /></a>
Let us know if you have any questions
Best regards,
MikeHey Rafa,
¿Puedes dar un ejemplo de lo que quieres decir? Por lo tanto, estamos seguros de que comprendemos correctamente.
——-
Can you please give an example of what you mean, so we are sure to understand correctly.Best regards,
MikeHey DROR,
Please try this code in the General Styling > Quick CSS field:#top div.woocommerce-message { border-color: #000 !important; background-color: #000 !important; color: #fff !important; } #top div.woocommerce-message a.button { color: #000 !important; background: #fff !important; }
Best regards,
MikeHey Max,
I have not heard of any such limits, I searched for some recommendations but didn’t find anything solid to report back. I would say that you should be fine. As far as caching your product pages, I don’t see any issues with caching them as long as you are clearing them after updating your pages. Or that they are auto cleared.Best regards,
MikeHi,
Glad Victoria could help, we will close this now. Thank you for using Enfold.Best regards,
MikeHey FinHenri,
I tried to take a look at your site, but when I login I’m greeted with a “maintenance page”, as if the login is not working. But I receive no errors.
Is your site blocking some IP’s? Please check.Best regards,
MikeHey tlchase,
The “tab section” element shares the content section with all of the tabs, where in the “tabs” element each tab has it’s own content section. In other words, if the option to have no initial open was available, you would still have a big blank area on your page.
If you are ok with this, you can try setting your initial open to the first tab, then try this code in the General Styling > Quick CSS field to hide it’s content:.av-active-tab-content.__av_init_open { display: none !important; }
Best regards,
MikeAugust 2, 2018 at 4:15 am in reply to: Fullwidth Easy Slider with Video asking for "[Object]" on Mobile #992652Hi,
Here is the new slideshow.js file, it will be in the next update.
Please keep a backup of your current file, it’s good practice.If this doesn’t help, Please open a new thread so we can assist, and include your admin login and ftp access in the Private Content area, but as this is not your thread your login info will not be private.
Best regards,
MikeHi,
To change the mobile menu items to gray and the background to pink, Please try this code in the General Styling > Quick CSS field:.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a { color: gray !important; } .av-burger-overlay-bg { opacity: 0.9; background: pink !important; }
As for your solved issue, at this point it would be hard to go backwards to figure out why, but typically these kind of issues come from unclosed html tags in the elements. If you are not adding tags to your element titles or content boxes, then you should not see these issues.
Also if you are going to use the debugger to copy the shortcode, please be careful, because loosing the wrong ] symbol will cause the same issues.
I hope this helps :)Best regards,
MikeHi,
It is possible to add a link using standard html and pasting it into the caption area, please give this a try.
I wrote the css for the bar to only work on the one page, to prevent conflicts. But it is easy to change to another page, I will show you how.
So at this point all you need is a blue link, and the css to work on the homepage?I will look at the other thread and reply there.
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 under Enfold sub forum and we will gladly try to help you :)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 under Enfold sub forum and we will gladly try to help you :)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 under Enfold sub forum and we will gladly try to help you :)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 under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeHi,
If you would like to try a different approach, I tested this javascript on my localhost with the blog set to “Elegant” in the theme options. As long as you have the “blog-author” showing in your meta, which I see you do, this will move the categories below the date & author and leave the title at the top.
It will work for archive pages and single pages.
Try adding this code to the end of your functions.php file in Appearance > Editor:function move_categories(){ ?> <script> jQuery(window).load(function(){ jQuery( '.single .post-entry,.archive .post-entry' ).each(function() { jQuery( this ).find( '.blog-categories' ).insertAfter( jQuery(this).find('.blog-author') ); }); }); </script> <?php } add_action('wp_footer', 'move_categories');
that is after you restore the other file so the categories shows at the default top location.
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,
I’m sorry, I gave you the wrong code. Please try this instead:.af_social .av_font_icon { display: inline-block !important; } .af_social { text-align: center !important; }
Best regards,
MikeHi,
Sorry for the late reply, I believe you can accomplish this by adding your text to the caption for the slider, such as in the above example.
For a better example I created a test page on your site for you to see what I mean. Please look for a draft page called “slider-test”
Please see screenshot in Private Content area.
If this isn’t what you are trying to do, we can try to think of anther solution.Best regards,
MikeHi,
I see that the social icons are still off, please try this css in the General Styling > Quick CSS field or the WordPress > Customize > Additional CSS:#top .avia-builder-widget-area #text-2.widget ul { margin: auto !important; width: 70% !important; float: none !important; }
Please clear your browser cache and check.
Please see screenshot in Private Content area.Best regards,
MikeHi,
Glad Victoria could help, we will close this now. Thank you for using Enfold.Best regards,
MikeHi,
Glad to help :)
unless there is anything else we can help with on this issue, shall we close this then?Best regards,
MikeHi,
I took a look and found that the css conflict, I tried to login to add the correcting css but found the login didn’t have admin rights.
Please try this code in the General Styling > Quick CSS field, or the WordPress > Customize > Additional CSS:.av-milestone-contentbox .av-milestone-content ul li { display: list-item !important; } .av-milestone-contentbox .av-milestone-content ul li:first-child { margin-left: -4px !important; }
Then please clear any cache plugin and your browser cache and check.
Expected results:
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 under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeJuly 31, 2018 at 12:19 pm in reply to: Certain pages formatting changes, can't save and it goes to text editor #991894Hi,
Glad we could help, we will leave this open should you find the same error again in your audit.Best regards,
MikeHi,
Ok, I got your child theme working correctly now, with the theme settings and the custom functions.
Please clear your browser cache and check.Best regards,
MikeJuly 31, 2018 at 4:45 am in reply to: Certain pages formatting changes, can't save and it goes to text editor #991796Hi,
Typically this is caused by unclosed html tags in the page, but in this case I was unable to find any. Do you have any other pages performing like this? I could take a look at them too.Best regards,
Mike -
AuthorPosts