hi there!!! this code is super awesome i love it!!
but when i tried copy pasting the music player code into mines, it embeds the video like this onto my profile?
vvvv
in circlejourney it looks as it should, so i'm kind of confused why it embedded like that on my actual profile ummmm
vvvvv
if you're able to help out that'd be great, thank you!!
hello!! i wanted to let you know that both your codes are super wide :(( not sure if this is what you meant to happen, since it looks like its smaller in the profile icon. not sure if this is just because my monitors big either, but i wasnt sure how to fix it either :((
it might be because of the width of your monitors, yes! since i used bootstrap grids to create the containers so they’d translate well onto mobile, their width would be relative to the size of your screen & what size classification it is !! to circumvent this you can replace the grid classes to width styles to suit your screen width, however this will make them stretch on smaller devices and might make them harder to view on ^^;;
how do you mean? im so sorry i know nothing about code and not sure what you mean by replacing the grid classes to width styles :']
ahh apologies for the super late reply ^^;; for this code specifically, in the beginning there should be a line that says div class="container mx p-2 col-md-11"; you should be able to celete the col-md-11 and instead put width:1000px (or however wide the pixel value you wish the max container size to be) in the quotations of style="background-color:#d7cfbf; border-radius: 20px; z-index: 20; overflow:hidden; box-shadow: 20px 0 0 #849872;"
so the first line of your code would look something like <div class="container mx p-2" style="background-color:#d7cfbf; border-radius: 20px; z-index: 20; overflow:hidden; box-shadow: 20px 0 0 #849872; width:1000px">
if you'd like to make it mobile friendly, you can put everything in a parent div and give it class="hidden-md-down" + copy the entire code and the copy will have the parent div say class="hidden-lg-up" instead. that way, the original code with the bootstrap grids will be visible to those with medium and smaller screens, while the edited code with custom width will be visible to larger screens.
hope this helps !! again, sorry for taking a while to reply HAHAH
do you have any idea how to turn the music player into an actual embedded music player and not a link that leads off-site? i'm having the damndest time trying to edit the code and have the play button still function as a play button
hiya, sorry for the delayed reply! i managed to do a little hack by using embeds on 1% opacity, so you can try replacing the music player section in the code with this snippet! just follow the instructions on the pastebin and it should work fine :DD
the palette & shape is based on the Light Round version tho, so you might have to tweak things a bit if you're using the other versions;;
001. JURUKUNCI | [F2U]'s Comments