Is there a way to add classes to existing subeta elements? For example, if I want to give a class.
If not, is there a way to work around this? I basically want to make collapsible elements using Bootstrap (which Subeta supports) but it's not working perfectly because I can't add that class. Clicking on a button makes things appear, but they don't disappear when it's clicked again.
Also: does Subeta not support <script> tags? Would it support external scripts? I've tried using it but it just displays the text within it. :(
You can't use scripts but you can use CSS in unique ways to micmic Some scripts. If you need help making a specific thing let me know and maybe I can help you out / point you in the right direction.
For Bootstrap CSS you can take it as an example / copy the style and apply it to the column. To copy all the styles from an element directly try this: Right click on an element (from bootstrap for example) -> inspect -> on the element that's selected inside the window that pops up Right click on it again ->Copy ->copy Styles
that'll give you all the CSS of an element.
Thanks! Yeah, I was trying to use Boostrap's collapse feature, but you need to give elements a "collapse" class for it to work properly. I'm not sure there's a way to add classes to existing subeta elements (like the pet treasure) without a script, though. :(
Hmmm I'll check bootstrap really quick to see how it works but depending on where you put it/what you're going to collapse it might work differently. For example on my user profile I use something that works like a collapse. Another way to mimic collapse is setting a height to change with :hover (or click) or setting display:none
I ended up going with display: none and toggling that. I didn't know the height trick, though, thank you!
no problem! a few tips to keep in mind:
use overflow:hidden; with the height trick so text doesn't spill over
you can also use display:inline-block to stack items in a horizontal direction.
example of display:none/block: button:hover , :hover {display:block;} the button (although I often use Divs instead of buttons) needs to be 0 pixel from the content so it remains 'hovered over'
same idea can also be done with input Check (in css you say when X element is checked, show me Y div)