Custom CSS for horizontal scroll in a query loop. Help please ...
As a beginner artist delving into the world of WordPress, I have been using ChatGPT as my trusted custom CSS assistant. My goal is to achieve horizontal scrolling without relying on plugins for my website.
The Custom CSS code generated by ChatGPT works perfectly when applied to a page where I have manually added a series of images. However, I encounter issues when trying to apply the same code to a query-loop.
If you'd like to view both instances, you can access my front page through the provided link. In the working scenario, I added the CSS class to a parent group containing multiple groups within. In the non-working situation, I experimented with adding the CSS class to both the parent group containing the query-loop and the query-loop itself separately.
Current Setup:
I am utilizing a child theme of 2024 and injecting my CSS code through a 'style.css' file in the theme-child folder located directly in my hosting environment.
Issues Encountered:
One significant obstacle is the absence of 'category-scroll-windhorse' or 'wp-block-post-template' classes in the HTML structure of the linked page. It is plausible that the HTML structure of the query loop does not align with that of the functional static page.
To overcome this hurdle, I recommend using your browser's element inspector tool to pinpoint relevant classes and integrate them into your CSS code. By substituting these classes in place of 'category-scroll-windhorse' or 'wp-block-post-template', you might achieve the desired outcome.
If this adjustment does not yield the desired results, you can leverage the element inspector tool to tweak the applied CSS in real-time and observe the immediate effects.
Your assistance in resolving this issue is greatly appreciated. Embracing dynamic posts as opposed to constantly editing a static page is my ultimate objective.
If you have experience or insights on how to rectify this CSS challenge, please share your knowledge. Your support in navigating this hurdle is invaluable.
[Log in to see the link]
