Genius
yup ! if there's a tab you don't need, you should be able to just add style="display:none" to the appropriate list item in that whole bit marked "navigation" to make the whole thing inaccessible! in this case, that would look something like this:
<li class="nav-item col-sm" style="display:none">
<a class="nav-link p-1 text-light bg-primary border-0" data-toggle="tab" style="box-shadow:-2px 2px #000000;border-radius:15px 15px 0 0" href="#Playmates">Playmates</a>
</li>
I love the animated stripes! Is there any way to make them different colors? And where is it at in the code if I'd be able to copy and paste it to different templates? Also saw your bio has a spinny gear, I've been looking for a code with spinny stars ^3^
the stripes are the progress-bar-striped and progress-bar-animated classes, and you adjust the bg color by changing bg-secondary to another bootstrap color ("card background" in the quick replace section) ! and here's a quick ref for the bootstrap colors if you need!
as for the spinning icon, you should be able to use the class fa-spin to make things spin (more fa animations here!), you can see it all in the code i have here! - i think i've seen some other codes around with spinning stars, but i can't seem to find them right now
Not quite sure where to change the color(s) I was adding a hex code in random spots to see if it’d change or not haha
you need to change where it says "secondary" in "bg-secondary" to one of the other boostrap theme colors like listed in the link - success, warning, etc. ! these mean the color will adjust with the user's theme so if you change it to say, primary, it'd be blue for users with the default toyhouse theme and yellow for users with the bee theme c:
as far as im aware, there's no way to set a custom color with the same method - i'd do some testing to see but i'm at work right now 😅 for now i'd say the easiest way to achieve the same effect with only html is to make a gif to set as the bg, but that's a whole different skill
Hey. I'm having a bit of trouble adding the image in the circle.
Everytime I add an image (I've tried multiple), it stretches the circle out, and the image is at the bottom of the circle and isn't fitting in the circle properly.
I don't know what's going on
could you send me the code you're having trouble with? i just tested several images myself and wasn't able to recreate the issue :<
yup, that's worked just fine !
first off, are you sure you're editing with WYSIWYG (the toggle in the top right of the code editor) off? like it says in the code preface, that quite often breaks things in unexpected ways because the editor isn't made for more complicated html layouts, so it's much safer and easier to do with that toggled off - i ask because parts of the code you've sent are unspaced and some classes are present that aren't in the original, which both tend to happen when html layouts are edited with WYSIWYG on (sometimes the page needs to be reloaded with it off before pasting the initial code to fix the spacing, too)
the exact issue seems to be that the position:absolute; declaration was removed, putting that back on the main icon image you're editing (right after the section where it says style=") should fix the formatting ! :>
that said, i'd recommend starting the edits over by copying the provided code again and making sure WYSIWYG is toggled off when pasted in, as it'll make the process much less unpredictable - thankfully it looks like the only things you'd have to redo are adding the background and changing a few colors
let me know if you need any more help beyond that!
f2u . pupa chow's Comments