Hi,
Thanks for sharing Guenni007, this looks nice, but the main goal of THP Studio is to achieve a skewed border between the two buttons like in this example

do you have any ideas to achieve this?

Best regards,
Mike

Hey Swarez,
Thank you for your patience, I viewed the two PageSpeed tests that you linked above but they both have a Cumulative Layout Shift of zero.

Perhaps the results that you saw earlier was due to caching, please check again.

Best regards,
Mike

Hi,
Thanks for the link to the example, these buttons have multiple divs in them to create the skew so we would not be able to style one of our buttons to match this, but you could add these buttons to your page in a Code Block element, on my example page I added the button code and the css in the same Code Block element:

try this code:

<style>
  .home-section-cta-wrap {
      position: relative;
      z-index: 100;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 24px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  
  .main_color .home-section-cta-wrap a {
    color: #fff !important;
  }
  .skewed-button {
      position: relative;
      width: 180px;
      padding: 10px 60px 10px 32px;
      -webkit-transition: width 0.2s ease;
      transition: width 0.2s ease;
      font-weight: 500;
      text-align: center;
      text-decoration: none;
  }
  .skewed-button-bg {
      position: absolute;
      left: 0;
      top: 0;
      right: 32px;
      bottom: 0;
      z-index: -1;
      border-style: solid none solid solid;
      border-width: 1px;
      border-color: #e0e0e0;
      border-top-left-radius: 1px;
      border-bottom-left-radius: 1px;
      border-bottom-right-radius: 1px;
  }
  .button-skew {
      position: absolute;
      left: auto;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      width: 50%;
      margin-top: -1px;
      margin-right: -18px;
      margin-bottom: -1px;
      border-top: 1px solid #000;
      border-right: 2px solid #000;
      border-radius: 0 2px 1px 1px;
      -webkit-transform: skew(-45deg, 0deg);
      -ms-transform: skew(-45deg, 0deg);
      transform: skew(-45deg, 0deg);
  }
  .skewed-button.skewed-button--right {
      margin-left: -12px;
      padding-right: 32px;
      padding-left: 60px;
  }
  .skewed-button-bg.skewed-button--right.cc-pink {
      border-style: solid;
      border-color: #ff6180;
      background-color: #ff6180;
  }
  .skewed-button-bg.skewed-button--right {
      left: 32px;
      right: 0;
      border-top-right-radius: 1px;
      border-bottom-left-radius: 0;
  }
  .button-skew.button-skew--right {
      left: 0;
      right: auto;
      margin-right: 0;
      margin-left: -22px;
      border-style: none none solid solid;
      border-bottom-width: 1px;
      border-left-width: 2px;
      border-radius: 1px 0 0 2px;
  }
  .button-skew {
      background-color: inherit;
      border-color: inherit !important;
  }
  .skewed-button:hover {
      width: 200px;
  }
  </style>
  
  <div class="home-section-cta-wrap">
  <a href="#" class="w-inline-block skewed-button">
    <div class="skewed-button-bg">
      <div class="button-skew"></div>
    </div>
    <div>Learn more</div>
  </a>
  <a href="#" class="skewed-button skewed-button--right cc-white-text w-inline-block">
    <div class="skewed-button-bg skewed-button--right cc-pink">
      <div class="button-skew button-skew--right"></div>
    </div>
    <div>Buy now</div>
  </a>
  </div>

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
I hope this helps.

Best regards,
Mike

Hi,
Thanks for the login, when I checked the backend the third one was set to No Link

I added a hash because I don’t know what link it should have and now it is showing, please add the correct link:

Best regards,
Mike

Hi,

@Angeladlh Thank you for your patience, right now the only way to add the tags in the blog element when using the single author,small preview like you are is with the modified /enfold/includes/loop-index.php file that I linked to above.
The Dev Team will make this feature available in the v5.4 update, so if you want to wait until then you won’t need to modify the file.
Please let us know if you need further assistance or if we shall we close this thread.

Best regards,
Mike

Hi,
When I check it looks like it has no image or link so there is nothing to show, if you do have an image in the backend please include an admin login in the Private Content area so we can also see the backend. Is this one also going to have a link? If so please apply the link and image the way you want it in the backend so we can see why it is not showing on the frontend.

Best regards,
Mike

Hi,
Thanks for your questions, to have the sidebar line separator go to the top you can use this css:
You can show 5 columns of related products with this woo shortcode [related_products columns="5" limit="5"] but a scroll or slide option is not available.
So to add this to the product summary area we can add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_action('init','five_related_products_after_single_product_summary', 50);
function five_related_products_after_single_product_summary() {
	add_action( 'woocommerce_after_single_product_summary', 'add_five_related_products', 25);
}
function add_five_related_products() {
	if(is_product()) {
	echo do_shortcode( '[related_products columns="5" limit="5"]' );
	}
}

and this css:

.shop_columns_3 .products.columns-5 .product {
    margin: 0 1% 1% 0;
    width: 19%;
}

this is the expected results:

to hide the original related products area add this css:

#top.single-product #main #av_section_1 {
	display: none;
}

Best regards,
Mike

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

Hi,
Thanks for trying but the child theme stylesheet is still hidden, I believe that you have custom css in it but it sounds like you may not have experience with FTP so try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to override your child theme stylesheet, it is not the best approach but it should work:

@media only screen and (max-width: 989px) {
.html_mobile_menu_tablet .header_color div .av-hamburger-inner, 
.html_mobile_menu_tablet .header_color div .av-hamburger-inner::before, 
.html_mobile_menu_tablet .header_color div .av-hamburger-inner::after {
    background-color: #af7e34 !important;
}
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
	color: #af7e34 !important;
}
}

After applying the css, please clear your browser cache and check.
If you still see the white try clearing your server cache also.

Best regards,
Mike

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

Hi,
Thanks for the feedback, I tried to login and follow your steps above to see the error with MyWorks Sync, but I was not able to follow the steps, I went to the backend WooCommerce > Orders but didn’t find “new orders” or the product “Screen Printing”
Please create a screencast of the steps to see the error so we can view the steps and then follow along. Perhaps then we can get an idea what is causing the error.
This is a test site correct? So we can disable plugins without causing any impact to your business?
Best regards,
Mike

Hi,
Thanks for the link to your site the following function will move the author link on single posts up to under the title next to the category link and for Italian language posts change the “Da” to “A cura di”, it will also change this for your masonry grid on your /blog/ page.
Add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function move_author_and_replace_da() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  var moveAuthor = document.querySelector('#top.single-post .post-meta-infos .blog-author.minor-meta');
  var appendtoDiv = document.querySelector('#top.single-post .post-entry .blog-categories.minor-meta');
  var authorBackslash = document.querySelector('#top.single-post .post-meta-infos .text-sep');
  if (!!moveAuthor) {
  var clone = moveAuthor.cloneNode(true);
  appendtoDiv.appendChild(moveAuthor).setAttribute('style','margin-left:10px');
  authorBackslash.setAttribute('style','display:none');
  }
});
(function($){
$('html[lang="it-IT"] #top.single-post .post-meta-infos .blog-author.minor-meta').contents().filter(function() {
  return this.nodeType == 3
}).each(function(){
  this.textContent = this.textContent.replace('da ','A cura di ');
});
$('html[lang="it-IT"] .av-masonry-author.meta-color.author').text(function(index, text) {
    return text.replace('da ', 'A cura di ');
});
})(jQuery);
 </script>
  <?php
}
add_action('wp_footer', 'move_author_and_replace_da');

After applying, please clear your browser cache and check.
Please see the screenshot in the Private Content area for the expected results.

Best regards,
Mike

Hi,
Thanks for your question, we could use javascript to change the “DA” to “DI” and move the line to under the title for Italian language blog posts,
but we will need a link to a sample post to evaluate, please link to a post on your site.
Also do you want the date and the author moved under the title, or just the author?
I assume that you also want this moved in your other language too?

Best regards,
Mike

Hi,
Thank you for your patience, I did and didn’t hear back but it was before the holiday so it might have been missed as the list grew, I asked again today.
I see that the email in your form is a different domain than the site, so perhaps that is triggering it to be marked as spam, some mail servers auto-delete some spam messages.
Try using SMTP on your site by installing the plugin WP Mail SMTP with an email account from your website domain and use that email address in the form, so the email to you the admin is the same domain and the autoresponder email to the visitor is also from the same domain.
Then create a second test email from the same domain to test as the visitor just to see if it works, if so then test a different visitor email from a different domain to see if that works.

Best regards,
Mike

Hi,
Thanks for the feedback, when I check I see that you have set the width of the boxes with this css:

#willkommen .box {
    max-width: 22em;
}

which leaves a white margin on the right site, to make the margin equal on both sides try adding this css:

@media only screen  and (max-width: 767px) { 
.responsive #top #wrap_all .flex_column.box {
	  margin: auto;
}
}

Please see the screenshot in the Private Content area of the expected results.

Best regards,
Mike