Forum Replies Created

Viewing 30 posts - 15,001 through 15,030 (of 35,289 total)
  • Author
    Posts
  • in reply to: Iframe Fullwidth? #1305813

    Hi,
    From your screenshot it doesn’t look like you have the text element which has the iframe code in a color section as per your original request and debugger code, that is what I created the solution for, did you try it?
    The iframe is not contained by it’s own width, it is it’s parent container that you need to target, please try the above solution to examine and understand, I also linked to the working example from the screenshot in the Private Content area above that you could examine.
    If you link directly to the page you are working on I could help further.

    Best regards,
    Mike

    in reply to: Change "Blog Posts" last post heading from "h2" to "p" #1305570

    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: Iframe Fullwidth? #1305569

    Hi,
    Thank you for the feedback, sorry my mistake, for your debugger code above please add the custom class color-section-for-iframe then use this css:

    #main > .color-section-for-iframe > .container {
    	width: 100%;
    	max-width: 100%;
    	padding: 0;
    }

    expected results:
    2021-06-14_053357.jpg

    Best regards,
    Mike

    in reply to: Duplicate content on tag and archive pages #1305482

    Hey Matthias,
    Thank you for your patience, the post style of the archive pages is controlled by the Blog Layout option in the theme settings, you probably have the option set to Use the advance layout editor to build your own blog layout (simply edit the page you have chosen in Enfold->Theme Options as a blog page) as this is typically the default.
    2021-06-13_173830.jpg
    You could choose List Layout – Excerpt (Title, meta information and excerpt only)
    But this may also change your blog page depending on how you have it set up, so you could use this code to target only the archive pages:

    
    add_filter('avf_blog_style','avia_change_archive_blog_layout', 10, 2); 
    function avia_change_archive_blog_layout($layout, $context){
    if($context == 'archive') $layout = 'bloglist-excerpt';
    return $layout;
    }

    This code is to be added at the end of your functions.php file in Appearance > Editor.
    The options for $layout are:
    multi-big
    single-small
    single-big
    blog-grid
    bloglist-excerpt
    bloglist-simple
    bloglist-compact

    You can try each one to find the one you like.

    Best regards,
    Mike

    Hey kazzijazz,
    Thank you for your patience, I assume you are referring to the link in the Private Content area, I’m not sure because you didn’t link to it, either way we can use it as an example. So for your main menu the home/#top is easy, just go to your menu and remove the #top as it looks like you used a custom menu item, for the others such as #ourportfolio & #ourservices & #contactus these are all anchors to content somewhere on your page, if you remove the hashtag the links will not work.
    What issue are you having with the sticky header that you think removing the hashtags would help?

    Best regards,
    Mike

    Hi,
    Thank you for your patience and for the links, on your site I see the images are not the same size, one is landscape, one is normal 467px x 467px (middle) and the first one is 1200px x 832px, so I recommend trying to use the same image size for all of them. Then I notice that your “title” is very long due to your language, since I doubt you want to hyphenate it I recommend using a smaller font size.
    So as an example I created 6 simple team member elements with only an image and a little dummy text:
    2021-06-13_164733.jpg
    then I placed 3 in a grid row element as I described in the thread you linked to and 3 in 1/3 columns like you have on your site:
    2021-06-13_165300.jpg
    then I added this css for the box-shadow and text padding you were asking about:

    .avia-team-member {
        box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);
    }
    .team-member-description {
    	padding: 0 15px 10px 15px;
    }

    and this was the result:
    2021-06-13_165657.jpg
    This seems like the result you were looking for, I like the grid row layout as it seems more full width, but the columns also have a nice boxed look. Hope this helps.

    Best regards,
    Mike

    in reply to: pagination page url problem in 4.8.3 #1305476

    Hi,
    Thank you for your patience and the link to your site, I took a look at your pagination and it is working correctly, and advancing when I check on Chrome, Firefox, Edge on Windows 10. Please see the screenshot in the Private Content area.

    Best regards,
    Mike

    in reply to: Related Content – as a WIDGET #1305474

    Hey Julie,
    Thank you for your patience, unfortunately, you can not do this typically, but you could try this with a custom shortcode and some custom CSS. First, try adding this code to the end of your functions.php file in Appearance > Editor:

    function related_posts_shortcode( $attr ) {
        ob_start();
        get_template_part( 'includes/related-posts' );
        return ob_get_clean();
    }
    add_shortcode( 'rpost', 'related_posts_shortcode' );

    I recommend using a child theme
    add_shortcode_to_child_theme.jpg
    Then add a Custom HTML widget to your sidebar and use this shortcode: [rpost]
    shortcode_in_custom_html_widget.jpg
    Then add this css to your child theme stylesheet, or theme Quick CSS area:

    .widget_custom_html > .custom-html-widget > .related_posts {
    	padding: 23px 0 0 0;
    }
    #top .widget_custom_html > .custom-html-widget > .related_posts > .related_entries_container > .related_column {
        width: 100%;
    }
    #top main > .related_posts {
    	display: none;
    }
    

    add_shortcode_css_to_child_theme.jpg
    Please note that the last rule is to hide the regular related posts element from your posts.
    Expected results:
    related_posts_in_sidebar_widget.jpg

    Best regards,
    Mike

    in reply to: Overlap to full-width sliders? #1305471

    Hi,
    Thank you for your patience and the link to your site, but it seems your test page is off line right now, I tried looking at your homepage slider but didn’t have any luck with z-index, can you re-enable the test page and include admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    Hi,
    For defining container height with CSS, please see this article, and this one.
    As for what it should be, it should be just big enough for your content.
    As for random preload scripts, I would recommend against them and go with a plugin, because typically a plugin will work and a script will need to be adjusted to work on your site based on variables that you will need to test for, and by the time you get it all figured out the plugin will probably work better because that developer has spent the time to optimize it.
    Just my opinion.

    Best regards,
    Mike

    in reply to: Link to portfolio categories #1305467

    Hi,
    Sorry for the late reply, so what I’m seeing is backwards from what you explained, on the portfolio archive page the grid is 3 wide and are square, and on your gallery page the grid is 4 wide and it’s a rectangle, so I believe that if you change your archive page to a 4 wide grid it will sort this out. Please edit the taxonomy-portfolio_entries.php on line 33 in your Enfold parent directory, look for: 'columns' => '3', and change to 4
    2021-06-13_120907.jpg
    You can also save this to your child theme directory for it to stay persistent for future updates.

    Best regards,
    Mike

    in reply to: Problem: Featured Image Too big #1305464

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

    Hi,
    I see, it looks like the plugin is getting it’s info before the script runs and I don’t see any classes in the TOC links to identify the ones to remove. If your TOCs are not going to be changing in the future, you could copy the source code of each one, edit out the ones you don’t want and then paste into a code block element, and remove the plugin.
    Otherwise, it looks like your plugin will allow exclusions
    2021-06-13_101310.jpg
    you will need to figure out keywords that you don’t want to be included, the plugin also lets you deactivate for pages or posts, so perhaps that would help, or perhaps there is another plugin that will give you more options.
    I can’t read your language so I can’t get a good idea of what you want to show or not, or what your page content is aiming for, so I’m not a lot of help there, sorry.

    Best regards,
    Mike

    in reply to: Tiktok in social media #1305461

    Hi,
    Glad Yigit was able to assist, 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: tab section heading alignment #1305426

    Hey John,
    Thank you for your patience, and the link to your page, since you increased the font size you will also need to change this css to re-center the text:

    .av-inner-tab-title, .av-tab-section-icon, .av-tab-arrow-container, .av-tab-section-image {
        width: 130px !important;
    }

    After applying the css, please clear your browser cache and check.
    The default is 90px & I just experimented until it looked good, feel free to adjust.
    This also helps with your mobile view, but please note that the element is not meant to show all tabs at mobile, it moves along as the tabs are clicked.

    Best regards,
    Mike

    in reply to: Demo Import is Not Working #1305423

    Hi,
    Glad to hear this helped and sorry it was such a pain, there seems to be some advanced setting with the higher PHP versions on GoDaddy, maybe on some other webhosts, but not the ones we have access to. I also noticed that Godaddy seems to disable PHP ZipArchive Extension by default now, this is a new move for a very commonly used extension.
    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: Have a drop down from an image. #1305422

    Hi,
    Thank you for your patience and the link to the example, unfortunately, we don’t have an element that works like this but I put together a rough example that may work for you using our elements and a little jQuery:
    2021-06-12_160555.jpg
    the backend:
    2021-06-12_161323.jpg
    So each column has a custom class such as: .show-one, .show-two, .show-three, .show-four then place your content.
    Each text element below that will be your “Drop Down” will have the corresponding custom class: .one,.two,.three,.four please note that in the custom class fields you do not actually use the class dots:
    2021-06-12_163250.jpg
    Anyways, for this example I used a code block element to add the jQuery:

    <script>
    (function($){
      $(document).ready(function(){ 
        $('.one,.two,.three,.four').hide();
        $('.show-one').click(function(e){
        e.preventDefault();
        $('.two,.three,.four').hide();
         $('.one').toggle();
        });
        $('.show-two').click(function(e){
        e.preventDefault();
        $('.one,.three,.four').hide();
         $('.two').toggle();
        });
        $('.show-three').click(function(e){
        e.preventDefault();
        $('.one,.two,.four').hide();
         $('.three').toggle();
        });
        $('.show-four').click(function(e){
        e.preventDefault();
        $('.one,.two,.three').hide();
         $('.four').toggle();
        });
        });  
    })(jQuery);
    </script>

    Please note the <script> tags in the code.
    That is the basic idea, naturally you can style it a lot more with css to add hover effects and padding, border color, etc.

    Best regards,
    Mike

    in reply to: post slider element #1305419

    Hey srossbach,
    Thank you for your patience, and for the logins, for your Blog site, your posts are created with the Advanced Layout Builder, so to show the excerpts you will need to manually enter them into the excerpt field:
    2021-06-12_142748.jpg
    As for your other site, the reason that it is slow in my tests is the First Byte Time this is how long it takes your webserver to respond, typically this should be 200ms, your server is taking 2.325s, after that, it’s only taking the site 1.244s to load. Please see the report in the Private Content area. Only a faster web server will fix this.
    Unrelated: I also see that you are using v4.7.6.4 we are now at v4.8.3

    Best regards,
    Mike

    in reply to: Hide Pages From Public View or Search #1305417

    Hey nvancelvc,
    Thank you for your patience, you can do this by changing the Status to draft, you can also use the Bulk Actions to do this to multiple pages at once:
    2021-06-12_135040.jpg
    Also, check that the demo “posts” & “products” are changed so they don’t show.

    Best regards,
    Mike

    in reply to: Problem: Featured Image Too big #1305416

    Hey smuzzamil,
    Thank you for your patience and for the login, this image is in portrait, that is it is higher than wide, try uploading a landscape version of it that is wider than high, or you can crop it to about 1/3. I did an example for you please check.

    Best regards,
    Mike

    Hi,
    How are you achieving the TOC, it doesn’t look like one of our elements?

    Best regards,
    Mike

    in reply to: Logo Centered split menu is not responsive #1305411

    Hi,
    Sorry but “zoom” is not the correct function to use in testing, there are no css or javascript controls for recognizing a browser’s “zoom” level, it is a personal user preference.
    For testing different browser sizes, aka browser resolution, please use the dev tools (F12 on Windows), responsive mode, such as the screenshot in the Private Content area.

    Best regards,
    Mike

    in reply to: link hover color not working #1305410

    Hi,
    Thank you for your patience and for the login, taking a look at the sections on your Offerings and Speaking pages I found two issues:
    2021-06-12_112111.jpg
    In the first issue with the color of the link on hover you had this css in your Quick CSS near the top overriding the theme options
    2021-06-12_112519.jpg
    I commented it out and removed Rikard’s css and now the “FAQs” links show thge correct color on hover.
    For the second issue your text block elements with “Return to Page Overview” links are using a custom font color, the same as you had defined in your theme options
    2021-06-12_113757.jpg
    this is not nessary as it was already defined, and by doing so it overrides the theme options for the hover state also, so to correct this please cheange to “default”:
    2021-06-12_114057.jpg
    I did this you you in the “Coaching and Mentoring” section to demonstrate, please do this in the rest of the sections if you wish.

    Best regards,
    Mike

    Hey Alessandro,
    Thank you for your patience and thanks for the link and screenshots, the h5 in the “Social share” element already seems to be a “p”, so I assume you already figured this one out, for the h2 titles on your blog page try adding this code to the end of your functions.php file in Appearance > Editor:

    function custom_script() { ?>
        <script>
    (function($) {
      $(document).ready(function(){
        function replaceElementTag(targetSelector, newTagString) {
          $(targetSelector).each(function(){
            var newElem = $(newTagString, {html: $(this).html()});
            $.each(this.attributes, function() {
              newElem.attr(this.name, this.value);
            });
            $(this).replaceWith(newElem);
          });
        }
        replaceElementTag('h2.post-title.entry-title', '<p></p>');
      });
    }(jQuery)); 
    </script>
        <?php
    }
    add_action('wp_footer', 'custom_script');

    Best regards,
    Mike

    in reply to: Custom Fonts not uploading #1305255

    Hey kubera,
    Thank you for your patience and for the login, but it is not an admin login so we can’t see any of the settings, your error sounds like you don’t have the PHP ZipArchive Extension activated on your server, you will probably have to ask your webhost to do this for you. You can easily check this by going to WordPress > Dashboard > LayerSlider > Options and click “System Status” and look under “Server Settings”
    ensure_your_web_server_has_the_PHP_ZipArchive_Extension_enabled.jpg

    Best regards,
    Mike

    in reply to: Demo Import is Not Working #1305251

    Hi,
    Thank you for your patience, please try downgrading your PHP version to 7.0 or the lowest 7.x you can go, I recall a Godaddy user saying this helped them, after the import they upgraded the PHP version with no issue. I also note that your server doesn’t have PHP ZipArchive Extension activated, please do this or get GoDaddy to do this.
    It looks like you have a partially created site, but when you import the demo you will be losing this as the demo will overwrite your site. Also, you should not have plugins installed before importing the demo, especially caching plugins.
    You could export your pages, posts, and portfolio items, but I recommend removing all of your plugins and resetting your site with the WP Reset plugin, especially after a failed import, and trying again with PHP 7.x & the ZipArchive Extension activated.
    If this fails please leave the PHP downgraded and include FTP access and I can try a manual import, but I will have to reset your site, so please export anything you want to save.

    Best regards,
    Mike

    in reply to: Adobe Fonts in Enfold #1305076

    Hey langpj,
    Thank you for your patience, I’m not sure if Adobe Web Projects is something specific, but you can add any font in the Enfold Theme Options > Import/Export > Custom Font Manager
    Enfold_Theme_Options_Import_Export_Custom_Font_Manager.jpg
    that is in the ttf, eot, woff, woff2 formats, typically add the fonts to a zip file and upload via the option, if you downloaded a font zip file try extracting the specific font and re-zipping, as some font zip files contain other files and directories that might cause issues. Also, ensure your web server has the PHP ZipArchive Extension enabled as it is needed to extract zip files. You can check this by going to WordPress > Dashboard > LayerSlider > Options and click “System Status” and look under “Server Settings”
    ensure_your_web_server_has_the_PHP_ZipArchive_Extension_enabled.jpg

    Best regards,
    Mike

    in reply to: Category image #1305059

    Hi,
    Thank you for your patience, I’m not sure which plugins you mean but I found these in the WordPress repository:
    Categories Images
    Custom Category Image
    Category and Taxonomy Image
    Perhaps one of these will help.

    Best regards,
    Mike

    in reply to: Full width 'title background color' in color section #1305053

    Hi,
    Thank you.

    Best regards,
    Mike

    Hi,
    Your screenshot shows 612kb in 41 requests in 3.13s, I’m not sure how moving the load order would help but please check your theme options and disable the lazyloading in the performance options:
    2021-06-10_054415.jpg
    Perhaps you can Preload Images to achieve this?
    As for the button on your header, my thought was to have the image include the button and have the whole image a link, people might think they are clicking a button but actually anywhere they click will work.

    Best regards,
    Mike

Viewing 30 posts - 15,001 through 15,030 (of 35,289 total)