Forum Replies Created
-
AuthorPosts
-
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,
MikeJune 14, 2021 at 11:39 am in reply to: Change "Blog Posts" last post heading from "h2" to "p" #1305570Hi,
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 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.

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,
MikeJune 13, 2021 at 11:21 pm in reply to: Sticky header – remove #top anchor/bookmark links when click on the same page #1305481Hey 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,
MikeJune 13, 2021 at 11:00 pm in reply to: Styling the Team Member Blurb with a frame and some text padding #1305480Hi,
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:

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:

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:

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,
MikeHi,
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,
MikeHey 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

Then add a Custom HTML widget to your sidebar and use this shortcode:[rpost]

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; }
Please note that the last rule is to hide the regular related posts element from your posts.
Expected results:

Best regards,
MikeHi,
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,
MikeJune 13, 2021 at 6:34 pm in reply to: Layerslider loading last – how do I get it to load first? #1305468Hi,
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,
MikeHi,
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

You can also save this to your child theme directory for it to stay persistent for future updates.Best regards,
MikeHi,
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,
MikeJune 13, 2021 at 4:20 pm in reply to: Change "Blog Posts" last post heading from "h2" to "p" #1305463Hi,
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

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,
MikeHi,
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,
MikeHey 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,
MikeHi,
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,
MikeHi,
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:

the backend:

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:

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,
MikeHey 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:

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.3Best regards,
MikeHey 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,
MikeJune 12, 2021 at 6:31 pm in reply to: Change "Blog Posts" last post heading from "h2" to "p" #1305414Hi,
How are you achieving the TOC, it doesn’t look like one of our elements?Best regards,
MikeHi,
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,
MikeHi,
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:

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

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

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”:

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,
MikeJune 11, 2021 at 1:22 pm in reply to: Change "Blog Posts" last post heading from "h2" to "p" #1305268Hey 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,
MikeHey 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”

Best regards,
MikeHi,
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,
MikeHey 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

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”

Best regards,
MikeHi,
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,
MikeJune 10, 2021 at 11:55 am in reply to: Full width 'title background color' in color section #1305053June 10, 2021 at 11:54 am in reply to: Layerslider loading last – how do I get it to load first? #1305052Hi,
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:

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 -
AuthorPosts


