Arize Nnonyelu

Forum Replies Created

Viewing 15 replies - 1 through 15 (of 42 total)

  • Hi, since the website has been running the probelm is most likely caused by a plugin update. If you can access your file manager using an FTP or through your cPanel, try deactivating all the plugins and check if the problem persist, you can do this by renaming the plugin folder of the affected website. You can do this by adding “-disabled” to the plugins (plugins-disabled).

    After you have done this, refresh your website. If the error is gone, reactivate the folder again by removing “-disbaled” from the name of the plugins folder.

    This will deactivate all the plugins, you can then activate the plugins one after the other to identify the one that caused the error.

    I hope this will help.

    Hi, can you translate this to English language?

    The error message you’re encountering indicates a problem with your code trying to access an element that doesn’t exist on the problematic page.

    Uncaught TypeError: Cannot read properties of null (reading ‘offsetTop’): This error means the code tries to access the <code class=””>offsetTop property (which gives the element’s position relative to the top of the page) of an element that doesn’t exist (it’s <code class=””>null).

    7d900d14c048921eeb098ba4d14fd664.js?ver=0f9dd:339:346: This line references a specific line number (339:346) in a JavaScript file named <code class=””>7d900d14c048921eeb098ba4d14fd664.js (likely minified and versioned). It’s where the code attempts to access the non-existent element.

    Debugging/ Troubleshooting tips;

    Inspect the Page: Use your browser’s developer tools to inspect the page’s HTML and see if the expected element exists. Check the Network tab for any errors related to JavaScript files.

    Console Logging: Add console.log statements before the line accessing offsetTop to see if the element is even found by your code.

    Since the issue is specific to a plugin folder, you can try reaching out to the plugin developer for support. They might be aware of common issues or conflicts with this particular folder.

    “I was trying to limit the maximum size of the block with CSS and/or HTML but without success.”

    What and what have you done so far?

    This may require custom development, I don’t think there is a plugin built for this specific purpose yet. You can hire a developer to help you achieve this, or look for Pre-loader scripts on Developer forums.

    I am glad to help.

    Alright, there a few things that can cause this;

    • If the page is not well-loaded, you may not be able to highlight the content.
      You may need to wait for the page to load completely and then try highlighting the content.
    • Plugin, code, or theme function that prevents content highlighting.
      You may need to look for a place in your theme that has the option to allow or disallow content highlighting and turn it off.

    I hope these can help you.

    Is the affected website yours our some website you are trying to copy content from? Maybe you or the site owner is using a plugin or code that prevents your/ their content to be copied.

    Thread Starter Arize Nnonyelu

    (@dopeboy)

    Thanks @codente I had figured it out, I was on my way to drop the solution before you did, thank you for your response, it is highly appreciated.

    Thread Starter Arize Nnonyelu

    (@dopeboy)

    ??This fixed the issue. Thank you for your help.

    Alright. At this point I think it’s just a matter of making it responsive. If your site was responsive, you will have to attach this code to the appropriate classes and ID’s so that it can become responsive at once.

    Hi. Creating this sort of website is very easy with WordPress.

    First, you will have to find an e-commerce theme that supports the features that you want. Then you will have to import the demo content. After importing the demo content, you will have to proceed to edit and design the website to your taste.

    You can hire a WordPress expert to help you with this task. Also don’t forget that you will need to use a good server for this, using a shared server will definitely cause 500 or 503 errors.

    My best opinion is to hire an experienced developer for this task.

    If you are asking if you can create that kind of website with WordPress, yes you can. Though it would require a lot of technical skills.

    The behavior you’re experiencing with top and bottom positioning in Twenty Twenty-Four theme can be attributed to the way the theme utilizes CSS grid layout. Here’s a breakdown of the situation and potential solutions:

    The Issue:

    • Twenty Twenty-Four heavily relies on CSS grid layout for its design structure. Grid containers (represented by .site or other specific class names) have an inherent “grid-placement: stretch” property by default, which stretches the content vertically to fill the container’s height.
    • When you set top: x%, you’re essentially telling the image to start from “x%” distance from the top of the grid container. However, due to the stretching behavior, the container itself expands to fill the available space, pushing the content, including your image, back down to the bottom.
    • Setting bottom: x% has the opposite effect. The image gets positioned relative to the bottom of the container, but again, due to stretching, the container adjusts its height, effectively keeping the image stuck at the top.

    Solutions:

    1. Utilize CSS Grid Properties:
      • Instead of using top or bottom, manipulate the grid placement of the image within the container using grid properties like grid-row-start and grid-row-end. These properties specify the starting and ending rows where the image should be positioned within the grid.
      CSS.image-container { display: grid; grid-template-rows: 1fr auto; /* Divide container into two rows */ } .your-image { grid-row-start: 1; /* Image starts in the first row */ /* Adjust grid-row-end for further positioning */ } Use code with caution.content_copy
    2. Clear the Default “grid-placement:
      • Override the default “grid-placement: stretch” behavior by explicitly setting it to “baseline” for the container element. This aligns the content to the baseline of the first row, allowing you to use top or bottom positioning more effectively.
      CSS.image-container { display: grid; grid-placement: baseline; } Use code with caution.content_copy
    3. Combine Techniques:
      • You can combine both approaches for more fine-grained control. Use grid properties for general placement within the grid and then use top or bottom with a specific pixel value for minor adjustments.

    Remember to adjust the class names and values (grid-row-start, top, etc.) according to your specific setup.

    Thread Starter Arize Nnonyelu

    (@dopeboy)

    Hello? Update on this, it saves but the translations don’t really save. They just remain the same. Nothing really changes.

Viewing 15 replies - 1 through 15 (of 42 total)