Hi,
Thanks for the feedback, after editing the parent theme and regenerating your thumbnails, (for the old images), or by uploading a new image, did this work? I checked the test page but it seems like the image is not there, so I’m not sure.
If this worked then it could be added to your child theme with a fliter like this:

add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
        $size['gallery'] = array('width'=>845, 'height'=>684 , 'crop' => false);		
	return $size;	
}

Best regards,
Mike

Hi,
Glad we were able to help with this, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Sorry for the late reply and thanks I believe I understand better now. please try this script instead, you will notice two new lines targting the logo width, on scroll it will be 200px, after scroll it sets to 115px, which is the current width.

function change_logo_on_scroll(){
  ?>
  <script>
(function ($) { 
  $(window).scroll(function() {
    var width = $(window).width(), height = $(window).height();    
    var scroll = $(window).scrollTop();
      if (scroll > 20 && width >= 900) {
    $('.logo a').find( 'img' ).attr('src', 'https://your-site.com/wp-content/uploads/2021/01/2nd-logo.png').css({ 'padding-top': '20px'});
    $('.logo').css({ 'width': '200px'});
   } else {
    $('.logo a').find( 'img' ).attr('src', 'https://your-site.com/wp-content/uploads/2021/01/logofinale.svg').css({ 'padding-top': '0px'});
    $('.logo').css({ 'width': '115px'});
   }
  });
 })(jQuery);
 </script>
<?php
}
add_action('wp_footer', 'change_logo_on_scroll');

also check the url in the code above.

Best regards,
Mike

Hi,
Sorry for the late reply, I didn’t notice that this is not your thread, that is why you can not see the Private Content area and the screenshots.
Anyways, you said you like the result now, but you would like to have the read more button like it was in the “list layout”, unfortunately, the “Single Author, small preview Pic” layout doesn’t have a read more button, so for a workaround I added the “read more” to one of your posts:

Then I added this css to your Quick CSS:

#top.blog .entry-content .more-link {
    text-align: right;
    position: relative;
    margin-top: 40px;
}
#top.blog .entry-content .more-link {
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: bold;
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    color: inherit;
    line-height: 2.1em;
    font-size: 0.75em;
}

Now for the one post on your Blog the read more button is showing like on the “List Layout”

Please try adding the “read more” to the other posts, to show less of the excerpt try adding the “read more” above the post content.
The page is [your-domain]/news/

Best regards,
Mike

Hi,
I’m not sure what you mean, on my localhost when I remove the css there are no issues?
Anyways this thread is starting to get off-topic, the topic of this thread is adding a “read more” button to the masonry items, and not the gallery. Which I was able to do for you.
While I would like to assist with your next topic of customizing the style your masonry items, I don’t see how this can effectively be done without seeing your site. I write this because often issues that I see are a result of css designed to target a different element and was not specific enough. This is one reason we typically ask to see the page you are working on, most css customization is not a “one-size-fits-all” situation.
We should close this thread as solved, and if you decide you would like more help customizing your masonry style and are willing to create a test page that we can work on together, then please open a new thread explaining what you are trying to achieve with a link, a screenshot is always welcome too.

Best regards,
Mike

Hi,
Ok, when I check your /laboratorio/ page I see that no changes to the Initial Active Image have been made like I suggested to correct this. I made this change for you and now the issue is solved, please clear your browser cache and check.

Best regards,
Mike

Hi,
I tested the masonry with the large gap and your css, and the issue I see is with your css, for example the padding: 5px; adds the padding like this (the green area):

as you notice it is displacing the inner-masonry. I would recommend removing this padding.
The margin-bottom: 15px; is increasing the “large gap”, I don’t believe that you wanted to increase the gap, so I would recommend removing this also (orange area):

as you can see, when the padding & margin is removed from your css, the issue is resolved:

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Sorry for the late reply, I believe that Guenni007’s advice to use the “Special Character Translation” plugin from the dev team is a good idea. I tested your page by copying the html from your code block and added it to my localhost along with the relevant css, I then removed your line brake from the word “Halsschlagadern” and added the ­

on larger screens it doesn’t show on the frontend:

but on smaller screens, in this case 320px with is typically the smallest phones like the iPhone 5, it does show:

I believe that this demonstrates that the technique works, but as Guenni007 pointed out, each time you edit the page WordPress will try to remove these, so using the “Special Character Translation” plugin is a good idea.

Please note that the iPhone’s 6/7/8 have a screen width of about 375px, and at this size the word “Halsschlagadern” doesn’t break, because there is no need:

So perhaps you feel it doesn’t work on your device because it is not being triggered to work.
Another option might be to set the character width like this:

.mobilleistung li {
    max-width: 30ch !important;
}

you could try changing the “30ch” to cause the brake where you want it, but to me currently even though the word doesn’t brake where you want it to, the text seems to display well in the table.

Best regards,
Mike

Hi,
Gracias por los comentarios, revisé su página nuevamente y el CSS parece estar funcionando correctamente. Intente borrar la caché de su navegador y cualquier complemento de almacenamiento en caché y vuelva a verificar.

— Translated with Google —

Thanks for the feedback, I checked your page again and the css seems to be working correctly. Please try clearing your browser cache and any caching plugins and check again.

Best regards,
Mike

Hey BierPlus,
Sorry for the very late reply, it looks like the layerslider is loading before jQuery, I tried many settings except for disabling your plugins, did you try this?
I also note that your theme editor is disabled so I’m unsure if your child theme is causing this, did you try enabling your parent theme?
I also exported your current slide to my localhost with a new install of v4.7.6.4 and it works correctly.
What is the “Raidbox” plugin? It has a “purge cache” dropdown but it doesn’t seem to work.

Best regards,
Mike

Hi,
Sorry for the very late reply, to remove all google fonts, try adding this code to the end of your functions.php file in Appearance > Editor:
` /*remove all google fonts*/
add_action( ‘init’, ‘enfold_customization_switch_fonts’ );
function enfold_customization_switch_fonts() {
global $avia;
$avia->style->print_extra_output = false;
}`
I tested this on my localhost with adding a downloaded Google font in the Custom Font Manager of the theme settings, so that the font is loaded locally, I then set the elements to use this font in the Advanced Styling, H1-H6, and it worked correctly without connecting to fonts.google

Best regards,
Mike

• This reply was modified 3 years, 4 months ago by Yigit.

Hi,
Sorry for the very late reply and thanks for the login. Unfortunately, I could not find the text referenced or any other text link on that page, do you have another example page?
I believe that the issue can be solved with more specific css, typically links like the ones you are trying to target are also influenced by another tag such as H1, span, p, etc.
So if your link is in a special heading element in a color section with the custom ID “features”, you would want to try #features > h2 > a instead of #features a *for example.
If I could see examples of these links I’m sure we can sort this out.

Best regards,
Mike

Hi,
I checked your site and I do not see this css in your source code, so please ensure that it is in only one place, I recommend WordPress > Customize > Additional CSS and also ensure the code looks exactly the same as in this thread on a desktop. Sometimes if you copy the code from an email the arrow in the code looks like letters: > or >

Best regards,
Mike

Hi,
Glad to hear, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike