Forum Replies Created

Viewing 30 posts - 8,251 through 8,280 (of 34,913 total)
  • Author
    Posts
  • in reply to: small popup opening by click on a Text-field #1402571

    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,
    Mike

    in reply to: 6 rows are not centered – too much space left side #1402566

    Hey 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,
    Mike

    in reply to: Accordion acting weird #1402565

    Hi,
    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,
    Mike

    in reply to: multiply a text field #1402555

    Hey 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,
    Mike

    in reply to: Avia Layout Architekt Beitragsbild #1402554

    Hi,
    Try clicking the 3 dots for the options
    Enfold_Support_739.jpeg
    then Preferences
    Enfold_Support_741.jpeg
    then Panels and enable Featured Image
    Enfold_Support_743.jpeg
    now the option should show for you.

    Best regards,
    Mike

    in reply to: Google indexing Enfold’s framework pages. #1402549

    Hey 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/uploads

    One possible cause could be your server using mod_autoindex see this Google Support Thread

    Best regards,
    Mike

    in reply to: Edit position title and description for masonry #1402548

    Hi,
    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,
    Mike

    Hi,
    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,
    Mike

    in reply to: Parallax Performance settings #1402546

    Hi,
    Can you link to a webpagetest of your page so we can see?

    Best regards,
    Mike

    in reply to: Parallax Features of you new Demo #1402543

    Hi,
    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;
    }}

    Enfold_Support_737.jpeg
    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,
    Mike

    in reply to: Accordion acting weird #1402542

    Hi,
    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,
    Mike

    in reply to: active state / selected menu item #1402541

    Hey Tobias,
    You could add this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

    #av-burger-menu-ul .current-menu-item {
    	background-color: #eee;
    }

    It will add a gray background color to the current menu item
    Enfold_Support_735.jpeg

    Best regards,
    Mike

    in reply to: Avia Layout Architekt Beitragsbild #1402539

    Hey floriang17,
    Please look in the post sidebar when editing the post or page for Featured Image this is where you can add it.
    Enfold_Support_733.jpeg

    Best regards,
    Mike

    in reply to: Blog posts: Default Editor vs. Advanced Layout Builder #1402536

    Hi,
    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,
    Mike

    in reply to: Htag Issue #1402534

    Hi,
    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,
    Mike

    in reply to: Accordion acting weird #1402522

    Hey 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,
    Mike

    Hi,
    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,
    Mike

    in reply to: align the text block with the Logo. #1402520

    Hey 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,
    Mike

    in reply to: change colour og link typography #1402519

    Hey 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,
    Mike

    in reply to: Parallax Performance settings #1402518

    Hey 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,
    Mike

    in reply to: Blog posts: Default Editor vs. Advanced Layout Builder #1402517

    Hey 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,
    Mike

    in reply to: 4×3 cell matrix #1402515

    Hi,
    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,
    Mike

    in reply to: Post Slider Stopped Working After Theme Update #1402513

    Hi,
    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 defined for 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,
    Mike

    Hey 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,
    Mike

    Hi,
    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,
    Mike

    in reply to: Layer with captions in ‘Fullwidth Easy Slider’ #1402509

    Hi,
    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,
    Mike

    in reply to: Admin-Seite wählt Hauptmenü nicht an #1402508

    Hey 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,
    Mike

    in reply to: Blog issues #1402506

    Hi,
    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,
    Mike

    in reply to: grid row and columns – 2 per line on mobile #1402505

    Hey 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;
    }
    }

    Enfold_Support_731.jpeg
    If you add the custom class to the fourth one it will also line up.

    Best regards,
    Mike

    in reply to: Blog issues #1402501

    Hi,
    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

Viewing 30 posts - 8,251 through 8,280 (of 34,913 total)