Forum Replies Created
the problem is that its not what I was looking for !
i need the additional CSS that I have put inside Javelin and this is not it
This is the extract of what you said
https://paste.privatesystems.net/pastes/d7157e3c0de0c960aeaa6bb3ee45b9af
Appearance Menu
Then Customize
Then additional CSS
where is that code in the DB?
so in content.php i found this line
img class=”sh-image-url” data-src=”<?php echo jevelin_get_thumb( get_the_ID(), $image_ratio ); ? />” alt=”” /
can i change it to something like
img class=”sh-image-url” data-src=”<?php echo jevelin_get_thumb( get_the_ID().webp, $image_ratio ); ? />” alt=”” /
because all the files that wordpress is bringing you, we already created with imagify .jpg.webp files for example
i am almost certain the solution is in content.php
i just need you to tell me, how to ammend there, that it takes all the image links from wordpress + adding to it .webp
i can’t verify it on our blog,
BUT look at this theme support thread
https://xtemos.com/forums/topic/theme-compatibility-with-imagify-webp-images/
they added the support,
but anyways, please just tell me what files to edit on jevelin and i will edit them
ok so please help me another way
the webp files are created like this in the same directory
the original files are
what shall i edit in order to make the jevelin work on the .webp files
the theme has to have support to imagify, thats what they are saying
also how come our amp version knows to recognize the webp files?
this is the part i need to edit and add class=skip-lazy
here are the files i edited
the only place i could find IMG tags were content.php and content-gallery
so i added to their IMG CLASS skip-lazy
as was suggested in this article:
https://support.shufflehound.com/forums/topic/feature-image-class/
however examining the post page:
https://www.saveatrain.com/blog/best-theme-parks-europe/
i can still see the feature image in the source code has loading=lazy and i don’t see anywhere in the code a class with skip-lazy
so i must be editing the wrong place, or i need to turn on and off the theme
can you advise please
are you able instead to give me a code snipet that i would add that would allow me to avoid the lazy loading of the feature image?
OR, tell me where in your theme settings to set that the feature image will not be lazy loaded?
but one might think, that you would call the feature image only once,
and this is the only image i want to add the skip-lazy class to it
so in all these files, where i see IMG tag, i should add the class i want?
i think you misunderstand me.
i added here screenshot of the image i would like to add a class to it.
now i did inspect on the image in chrome and got this:
img width=”640″ height=”675″ src=”https://saveatrain-12e85.kxcdn.com/blog/wp-content/uploads/2020/12/renata-kiss-q8NhIZ8iKQ-unsplash-640×675.jpg” class=”attachment-jevelin-landscape-large size-jevelin-landscape-large wp-post-image” alt=”woman positing at disneyland paris” loading=”lazy”
and in single.php, i did this:
div class=”sh-gallery-item”
img src=”<?php echo jevelin_get_small_thumb( $image[‘attachment_id’] ); ?>” alt=”” class=”width-full skip-lazy” /
</divand as you can see in the inspect there is no skip-lazy
so that means you told me to edit the wrong place
just to clarify,
I am speaking about the type of image that is showing below the word Blog Post in this blog post and others
https://www.saveatrain.com/blog/best-theme-parks-europe/
additionally, if the above is right, i should edit is this:
<div class=”sh-gallery-item”>
” alt=”” class=”width-full” />
</div>I am a developer,
I just need to know where in your theme files, can i find the file that is related to the posts
and then i can find the feature image part, where i can add to it the class that i need inorder for it not to lazy load
please let me know when you fix the cumulative layout shift
does wp-optimize or autoptimize have some settings as you suggested on wp-rocket
ok, so you have an issue in your theme that you need to fix,
because your page has the same CLS google issues (https://web.dev/vitals/)
scroll down to: Avoid large layout shifts
can you show me a blog page of yours, that maybe i can run it through page insights,
if it doesn’t have them you are right and its my issue
but can you confirm or deny that this div is related to the theme?
div class=”sh-table
