[printpeppermint]

I want to add tabbed content to my pages.

I asked GPT to write the html, css, and js needed.

I added the CSS in publii cms.
I added the html direct in the page.
I added the JS to the scripts.js file of my theme.

But its not working 🙁

Any ideas?

[Bob]

any URL?

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[printpeppermint]

https://mintletterpress.com/tabs-test.html

See attached images for the html, css, and js I added.

[Bob]

I couldn’t find the JavaScript tab code in your source code. Where did you paste it?

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[printpeppermint]

Sorry, I pasted it at the bottom of the scripts.js file in the splitian theme assets… is that the right place for it?

[printpeppermint]

Oh wait now I think I figured it out. Publii makes a duplicate of each theme when you add it to one of your sites. I was pasting it on the general themes folder assets. Let me try again now.

[Bob]

Just to make one thing clear: the script.js file is the non-minified version of the scripts. The template loads the script.min.js file, so after adding your script to the script.js file, be sure to minify the code and place it in the script.min.js file.

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[Author]

Posts