Okay thanks Mike.

It’s not a major issue I suppose, since Firefox is not hugely popular. [I think…]

Thanks for testing it in the various versions of Firefox.

Cheers,
Stephen.

Thanks Ismael.

I just now looked at the page again in FireFox & the text elements align themselves correctly after several seconds. [I mean 10 seconds or more]

It must be that the page, or the CSS, is loading very slowly.

I’ll look into that and see if I can figure out what’s going on.

Thanks again,

Stephen.

Ismael — looking again at this:

a) The default page for a product displays an image sized 450×450 pixels.

Example:

https://rgb-design.co.uk/wp-content/uploads/2023/01/Default-Product-Image-Which-is-Low-Quality.jpg

b) Whereas when I load up the same page from search results, it loads a bigger image (I think 1030×1030) into a container that”s about the same size as in a), above. The image appears much clearer / better. Ideally, I would like the default product page to be the same, if possible.

Example:
https://rgb-design.co.uk/wp-content/uploads/2023/01/How-the-Product-Image-Should-Look.jpg

(My screen resolution is 2560 x 1440 if that makes a difference.)

Cheers,

Stephen.

• This reply was modified 1 year, 10 months ago by envato99.
• This reply was modified 1 year, 10 months ago by envato99. Reason: EDITED Saturday 14th Jan — inserted link to 2 images showing the difference in quality

Thanks Niko.
What worked for me:
PHP
===
Please edit includes > loop-search.php, find this code on line 33:

echo “<span class=’search-result-counter {$counterclass}’>{$post_loop_count}</span>”;

Replace it with:

$searchthumb = get_the_post_thumbnail( $the_id, ‘large’ );
echo “<span class=’search-result-counter {$counterclass}’>{$searchthumb}</span>”;

CSS
===
#top.search-results .search-result-counter {
padding: 0;
}
#top.search-results .search-result-counter img {
border-radius: 0;
height: 100%;
}
#top.search-results .search-result-counter {
height: 200px;
width: 200px;
background: transparent;
}
#top.search-results .template-search.content .entry-content-wrapper {
height: 215px;
}
#top.search-results #main .post-meta-infos {
display: none;
}
#top.search-results .entry-content,
#top.search-results .post-title {
margin-left: 280px;
}
#top.search-results .post-entry {
padding-bottom: 20px;
}

Great — it worked.

Thanks very much Mike. I appreciate it. (I just removed the icon altogether.)

Cheers,

Stephen.

Ismael — thanks again. I have it working now.

====

Thanks Guenni.

This snippet seems to work:

#top .mfp-image-holder .mfp-content {
max-width: 90vw;
}

(The source is an image.)

I also increased the LARGE SIZE / image size in WordPress > Settings > Media settings. Before, the default was 1030 x 1030, so that there now exists a larger image to load into the Lightbox.

Thanks again both,

Stephen.

Guenni: I got the zero L + R padding I wanted — thanks for the advice.

You can close this one now.

Stephen.

Hi again — I created a new page for blog posts and managed to add some layout elements to it.

I haven’t figured out yet how to make those elements show up in the Live page but I’ll persevere.

Please close this issue for now.

[If I don’t succeed I might come back but it’s not a super-important issue.]

Cheers,
Stephen.

Thanks Rikard. Looks like it’s either a local problem with my PC or a server issue. I’ll let you know what I find out.

Cheers,

Stephen.

Brilliant.

Thanks Yigit.

Stephen.

Thanks Rikard.

I found some code that works for changing the bullet list character:

li{list-style: none; padding:0; }
li{padding-left: 2em; text-indent: -2em; }
li:before {content: ‘—’; padding-right: 1em; }

However, when I modify the bullet character, it affects the top menu. — I’m guessing WordPress or ENFOLD uses a list for the menus, and this list is also affected by the CSS snippet?

Thanks,
Stpehen.

UPDATE:

I found some CSS code on this support forum and applied it but it seems not to work.

Thanks

• This reply was modified 2 years ago by envato99.
• This reply was modified 2 years ago by envato99.
• This reply was modified 2 years ago by envato99.
• This reply was modified 2 years ago by envato99. Reason: Fixed a problem caused by some CSS