ranjeetkaur

@ventolinmx , Yes images are stored in the uploads folder and are loaded from the uploads folder path.

@pesantrenumqu ,

The hamburger click functionality is defined in this file https://pesantrenumdatulquran.org/wp-content/themes/tutorstarter/assets/dist/js/app.min.js?ver=3.0.0 and it shows the JS error.

but the same theme works fine on your local setup, then there are a few possible steps you can follow to troubleshoot and fix the issue:

1. Make sure the theme is updated.
2. Deactivate plugins to check for conflicts.
3. Clear the cache or disable caching/minification plugins.

Hi @pesantrenumqu ,

You have LiteSpeed Cache plugin installed in website. Can you please disable that and then try, there is some JS issue showing with LiteSpeed Cache plugin.

Hi @erico6 ,

The assets hosted on a CDN (Content Delivery Network) under the domain https://turnedgeestates.b-cdn.net/ are not accessible. To address the issue, here’s a structured approach:

1. Turn off the CDN by pausing the service or disabling caching rules temporarily.
2. CDN Cache: If you’re using a CDN like b-cdn (possibly BunnyCDN), clearing the cache via your CDN provider’s dashboard is necessary to force it to fetch the latest files from your origin server.
3. Once the CDN is disabled and the cache cleared, try accessing the website again. If the issue is fixed, it’s likely that the CDN configuration was the cause of the problem.

Hi @ash333 , Can you please share the link.

@addfred

Yes, certain features like clickable images with a lightbox or carousel view were included in the gallery block, but those features have been moved out of the core and often require additional plugins or JavaScript to implement.

Hi @addfred ,

If you wants the clickable images, when clicked, opens the?medium-sized image?in a?popup. You can install the “Simple Lightbox” plugin.

Simple Lightbox: Simple and easy to use. It will automatically enable lightbox functionality for all images on your site, but you can configure it to trigger on specific images (like a thumbnail). After activation, the plugin should work automatically on all images.

If this isn’t exactly what you were looking for or if you need further customization, please let me know, and I’ll be happy to assist you further!

@smartcentswithshaye You’re very welcome!??

You’re very welcome! @delboy007

@delboy007 , You’re looking to have a clickable thumbnail that, when clicked, opens the medium-sized image in a popup (like a lightbox).

Recommended Lightbox Plugins:

1. Simple Lightbox: <span style=”background-color: initial; font-size: inherit;”>Simple and easy to use. It will automatically enable lightbox functionality for all images on your site, but you can configure it to trigger on specific images (like a thumbnail).</span>After activation, the plugin should work automatically on all images.
2. Easy FancyBox: <span style=”background-color: initial; font-size: inherit;”>Another lightweight plugin that adds a lightbox popup effect for images and galleries. It works on both individual images (like thumbnails) and galleries.</span> Once activated, it will automatically create a lightbox for your images.
3. WP Featherlight: <span style=”background-color: initial; font-size: inherit;”>A very lightweight plugin that only activates the lightbox functionality, without bloating your site with unnecessary features.</span> After activation, it will automatically add a lightbox effect to your images when clicked.

Once activated, any image linked to the full-size version will automatically open in a lightbox when clicked.

Hi @delboy007

WordPress allows you to add images directly using a simple shortcode. The default [gallery] shortcode is generally used for galleries, but you can still use it for a single image by including just one image in the shortcode.

Example:

[gallery ids="50"]

If you’re using the Gutenberg editor (default block editor in WordPress), you don’t need a shortcode to add a single image. Simply:

1. Click the “+” button to add a block.
2. Select the Image block.
3. Upload or select the image you want to use from the media library.
4. You can adjust the alignment, size, and other settings directly in the block options.

@andreasyeah You’re very welcome!??

• This reply was modified 4 months ago by ranjeetkaur.

Hi @andreasyeah ,

Add custom CSS directly from the WordPress dashboard. Go to Appearance > Customize.

In the Customizer, look for an option called Additional CSS (usually at the bottom of the menu).

Click on Additional CSS and paste this custom CSS code:

.listing-prize-wrap {
   justify-self: flex-start !important;
}

Hi @smartcentswithshaye ,

I checked that the content is converted into the different paragraph for each line which results to show the break. This is a common issue with the block editor (Gutenberg) in WordPress, where line breaks or carriage returns are interpreted as new paragraphs, leading to unwanted formatting.

Here are some potential solutions to fix this issue:1. Paste as Plain Text

When you paste text directly from another source (e.g., Word, a website, or a document), it may bring over hidden formatting that Gutenberg interprets as separate paragraphs. To avoid this:

• Use the “Paste as Plain Text” option in the block editor. In the block editor, when you paste, you can either:
  • Right-click and select Paste as plain text (if your browser supports this feature).
  • Or use the keyboard shortcut Ctrl + Shift + V (Windows) or Cmd + Shift + V (Mac) to paste without formatting.

This will strip any unwanted formatting from the text and paste it as plain text, which should resolve the paragraph break issue.

2. Use a “Paragraph” Block

Click on the block settings and ensure you’re using the Paragraph block, which should handle text line breaks appropriately.

If these solutions not works, I’d be happy to troubleshoot further!

That’s Great! @0108daniel