Ah, that little off spacing to the right of the video?
Try this:
.right_col > .video_embed {
/* Center video embed */
margin: auto;
/* Bottom spacing */
margin-bottom: .5em;
/* Video embed maximum width */
max-width: 700px;
}
Its just the margin: auto; that centers it, the rest is optional to tidy things up.
Hello nnda, so sorry for bothering you again. First of all, thank you for the wonderful profile source code. If it is not a bother to ask, we would like to ask for tips to increase the size of the icons in Support panel? We also noticed that the box is appearing on top of the collection box and we are stuck on how to fix it. We have uploaded it here for review. Thank you for your time. ( ⸝⸝´꒳`⸝⸝)
Hi again! No problem! Don’t hesitate to ask anytime. First off, that’s a cute adaptation of the styles! I really appreciate the attribution and the shout-out!
Addressing your issues:
height attribute of the <img> element. Or, you can set them in CSS to avoid having to set the height for each images manually:.custom-cb > img {
height: 35px;
}
height of the .collection_row::before element to 100%, minus the space that it takes by its heading/title:.collection_row::before {
height: calc(100% - 3.5em);
}
The calculation is just speculation: 100% of the height minus 3.5em—around the height of the collection’s heading/title, you can readjust it to your liking.
Sorry I didn’t put many documentations/comments in the SCSS source code T^T
Also, if you wish to, I can help you guys set things up with the CSS directly :)