Thread:JoePlay/@comment-27986077-20180924034925/@comment-171752-20180926170215

The original version of the image was slightly bigger than the feathers that appear on that page you linked, so I resized the feather and uploaded (to your wiki) color and no-color versions for the left and right sides. The images are, , , and. I updated the test page to mimic the Music Shows section. Below the section, you can see the code for the two divs used to display the feathers. It's basically the same as before, except I changed the  class name to   and   and adjusted the width and height values. I also updated the CSS to use the smaller version of the feather images and to make  appear on the left and   appear on the right. Here's the new version of the CSS: .feather-left { background-image: url(https://vignette.wikia.nocookie.net/got7/images/d/d5/FeatherLeftNoColor.png); transition: background-image 1s; float: left; } .feather-left:hover { background-image: url(https://vignette.wikia.nocookie.net/got7/images/5/57/FeatherLeftColor.png); } .feather-right { background-image: url(https://vignette.wikia.nocookie.net/got7/images/2/29/FeatherRightNoColor.png); transition: background-image 1s; float: right; } .feather-right:hover { background-image: url(https://vignette.wikia.nocookie.net/got7/images/7/70/FeatherRightColor.png); }

I also need help with the "Member Focus of Lullaby (Dispatch x Vlive)" heading part of that page. I want to make it so it transitions but also has a link. But I can't get the sizing part. And it doesnt show in normal edit mode. The size that I want is 150px but how do I do that in coding. Are you saying that you also want the feathers on the sides of that section, but want the feathers to be smaller (150px tall)? If that's correct, I'll need to make separate, smaller versions of the feathers, which is easy. In order to do this transition, the feather images must be background images (as seen on the CSS code) for the divs, and each set of left/right divs must be exactly the same size as the feather images. If you don't want to have multiple sizes of feathers, you can decide on a single size that will work best for every possible place you want to use these feathers. Just let me know that size, and I'll resize the feather images.