Forum Replies Created
-
AuthorPosts
-
Hey Monika,
Thank you for the link to your site, I see that you have columns and rows of text block elements creating a grid, in a section with the ID #av-extra-columns, each text block contains minimal information and you would like these blocks to open into a popup with more information.
First try adding some “hidden” text in your text block element, to hide the text add the class hidden to the paragraph tag like this:
<p class="hidden">This is hidden text</p>, you may wish to edit the text elements in the “text” tab instead of the “visual” tab so you can see the paragraph tags. Now that your extra information is added to the text blocks try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.mfp-content { display: inline-flex !important; } .copyBlock-popup { position: relative; background: transparent; padding: 20px; width: auto; max-width: 800px; margin: 20px auto; } .copyBlock-popup .avia_textblock { min-width: 300px; float: left; margin: 0 20px 10px 0 } .copyBlock-popup .avia_textblock { width: 100%; color: #000; } .copyBlock-popup .mfp-close { right: 10px; top: 10px; } #av-extra-columns .avia_textblock .hidden { display: none; } .copyBlock-popup .avia_textblock .hidden { display: block; position: relative; visibility: visible; } #av-extra-columns .av_textblock_section:hover { cursor: pointer; }Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:
function custom_popup_script() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('#av-extra-columns .av_textblock_section').each(function () { var copyBlock = $(this).clone().html(); $(this).magnificPopup({ items: { src: $('<div class="copyBlock-popup">'+copyBlock+'</div>'), }, type: 'inline' }); }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'custom_popup_script');Now when you click on the blocks they will open in a popup and show the extra information.
Best regards,
MikeHey Monika,
Thank you for the link to your site, Try this CSS instead:#main #av-extra-columns .column-top-margin { margin-top: 0 !important; } #main #av-extra-columns .flex_column { width: 16%; flex-basis: 16%; margin: auto; margin-top: 20px!important; } #main #av-extra-columns .flex_column.first { clear: none!important; margin: auto; } /* Two columns in mobile */ @media only screen and (max-width: 768px) { .responsive #top #wrap_all #av-extra-columns .flex_column { margin-bottom: 20px!important; margin-top: 20px!important; margin: auto; flex-basis: 44%; } .responsive #top #wrap_all #av-extra-columns > .container { width: 100%; max-width: 100%; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey Monika,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#av-extra-columns > .container { mix-blend-mode: multiply; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey thetmz,
Try blocking the directories via robot.txt
Perhaps like this:User-agent: * Disallow: /cgi-bin Disallow: /wp-admin Disallow: /wp-includes Disallow: /wp-content/plugins Disallow: /wp-content/cache Disallow: /wp-content/themes Disallow: /*?* Disallow: /*? Allow: /wp-content/uploadsOne possible cause could be your server using mod_autoindex see this Google Support Thread
Best regards,
MikeHi,
It’s been three months now so we will assume that this is sorted out now, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeMarch 26, 2023 at 2:39 pm in reply to: Problem after change string before author in blog article #1402547Hi,
It’s been two months now so we will assume that this is sorted out now, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Thanks for your patience, I tested the temporary solution of adding the custom class custom-parallax to the two top columns in the Parallax demo that had the issue of growing larger when slightly scrolling up & down on mobile, and adding this css in the WordPress ▸ Customize ▸ Additional CSS@media only screen and (max-width: 767px) { .custom-parallax { height: auto!important; }}
On this test page, please check this on your mobile device and compare to this version of the same page without the custom class.
On my Android device the first page with the custom class & css seems to be corrected.
But when I try the same steps on your page it doesn’t seem to solve the issue. I then tried creating a new /parallax-demo/ test page on your site with the original settings that your homepage is based on, I imagine the only difference is the images, text, and perhaps some minimal settings such as colors, I also included the custom class solution and it works on this page. Which I don’t know why.
Please test this page also after clearing your browser cache and see if you get the same result, if you do try comparing the /parallax-demo/ page with your homepage and see if you notice any differences that I missed between the two, or try duplicating the page and start to modified it like your homepage to see what change might cause the issue?
Best regards,
MikeHi,
Thank you for the link to your site, I found that you had the Classic Editor plugin installed, this is not needed as the theme has this option at Enfold Theme Options ▸ Select Your Editor I disabled your plugin and enabled the theme option and cleared the site cache and the toggle seems to be working correctly now.
Please clear your browser cache and check.Best regards,
MikeMarch 26, 2023 at 12:14 pm in reply to: Blog posts: Default Editor vs. Advanced Layout Builder #1402536Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
I assume you are referring to the heading Tools Utilized by Us which is in a paragraph (p) wrapped in a H3, I recommend removing the paragraph (p)
If this is not the issue please explain in more detail so we can understand.Best regards,
MikeHey Ryan,
Thanks for the screenshot and the link to your site, please include an admin login in the Private Content area so we can examine closer.Best regards,
MikeMarch 25, 2023 at 10:17 pm in reply to: Fullscren SLider Align caption text left for mobile devices #1402521Hi,
Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey josk-design,
Please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field.responsive #top.privacy-policy #wrap_all #main > #av-layout-grid-1 > div, .responsive #top.page-id-487 #wrap_all #main > #av-layout-grid-1 > div { padding-left: 350px !important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey josk-design,
Thanks for your question, in this case we can use the color style as the selector, try this css:#top .main_color p[style*='a06646;'] a { color: #a06646; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey laptophobo,
Thanks for your patience, I don’t have access to the backend of the demo, but it is not using a caching plugin only the default settings for Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression
My demo page is giving be similar results as the official demo with no caching plugins.
For more info on page speed settings please see our article.Best regards,
MikeMarch 25, 2023 at 9:43 pm in reply to: Blog posts: Default Editor vs. Advanced Layout Builder #1402517Hey willbaer,
Thanks for your patience, the Advanced Layout Builder (ALB) doesn’t have the same page margin as the default WordPress editor, so the content is full width. This is to allow users to have more control of the layout, in the ALB you would use different elements for the layout including columns to set the width of the page. Typically for a blog post you would not do this, you mostly want to add the text and maybe a few images. While we can help is setting a default post width with padding and margins that you like, yu should know about the limitation of using the ALB for posts. You will need to hand create all excerpts manually for posts created with the ALB. WordPress and many plugins can not read the text in the shortcode of posts or pages created with the ALB, with is not a problem for Pages.I assume that the main reason you don’t like the WordPress default post editor is because it is set to use the Block Editor by default, try going to Enfold Theme Options ▸ Select Your Editor and choose the Classic Editor and see if this is any better.
If you still want to switch to the ALB for posts, please create a sample post and include an admin login in the Private Content area and tell us what you want for a post width so we can help with some css.
Best regards,
MikeHi,
Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Thanks for your patience and the link to your site, I see that you have this error in the browser console:Uncaught ReferenceError: jQuery is not definedfor the file
/wp-content/uploads/siteground-optimizer-assets/cnss_js.min.js in your plugin siteground-optimizer, this looks like your siteground-optimizer is minifying files after the theme minifys them in the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression
This double minifying error explains why you are getting an error, so please only use the theme options or the siteground-optimizer but not both.Best regards,
MikeMarch 25, 2023 at 9:01 pm in reply to: My Avia Advanced editor won’t save content (most of the time). #1402511Hey inlinks,
Thanks for your patience but your video link doesn’t work, please try uploading it elsewhere so we can see the issue you are having.
I tried login into your site and making changes to your homepage and found no errors, I also changed it back without issue, so your video will help.Best regards,
MikeMarch 25, 2023 at 8:53 pm in reply to: Need to increase the width of a certain post using the post-id #1402510Hi,
Thanks for your patience and the link to your site, please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field#top.postid-3605 #main > div.container_wrap.container_wrap_first.main_color.sidebar_right > div > main { width: 80% !important; }After applying the css, please clear your browser cache and check.
If this doesn’t help please include the direct url to the post in question so we can take a closer look.Best regards,
MikeHi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey wieckhorstpetra,
Thanks for your patience and the link to your site, I believe you are referring to your menu item not linking correctly to other pages, this is because your menu items only have the hashtag and the anchor for a link like this: #NEWS so it will not link to a different page, instead of these links choose your menu items from the pages in the menu options so the full url will be used.Best regards,
MikeHi,
Yes then just move the function to the child theme functions.php, removing it from the parent theme functions.php, you don’t want any functions in both at the site time or it will be an error.
To make your footer news time color white try adding color: white; to the footer news css above, like this:#footer .news-headline, #footer .news-headline .news-time { font-weight: lighter; color: white; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey lzevon,
Thanks for your patience and the link to your site, I see currently you are using 1/5 columns and only the first 3 have the custom class col-sponsors the last one doesn’t have a sponsor image or custom class, nonetheless as it is right now you could use this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width:767px) { .responsive #top #wrap_all .av-flex-cells .no_margin.col-sponsors { width:49%; display: inline-block; } }
If you add the custom class to the fourth one it will also line up.Best regards,
MikeHi,
To switch from Enfold parent theme to the child theme and retain your same settings, please follow these steps:
1- With your parent theme active, go to Enfold Theme Options > Import/Export > Export Theme Settings File and download your theme settings file for fallback.
2- Activate your child theme and ensure your Enfold Theme Options > Performance > JS & CSS file merging and compression is turned off along with any caching plugins.
3- Go to Enfold Theme Options > Import/Export > Import Settings From Your Parent Theme and import
4- Go to your homepage and clear your browser cache a couple of times and check that the settings have taken effect.If it doesn’t look quite right, then check that your Enfold Theme Options > Performance > JS & CSS file merging and compression is turned off and clear your browser cache a couple of more times.
If still not quite right, then go to Enfold Theme Options > Import/Export > Import Theme Settings File and upload the theme settings file you saved earlier for fallback and clear your browser cache a couple of more times.
Best regards,
Mike -
AuthorPosts





