-
Can’t get a container to move over (CSS)
Hey Everyone,
I am doing some custom css on a tumblr site and I’ve run into an issue I can’t seem to work around. If you look here at my site (https://peppvine.com/) you can see that the first video object is just hovering in the middle with a ton of ugly white space on both sides, and then below you can see that the other videos are floating left individually rather than stacking or compiling nicely into a grid.
***
The CSS for the video objects is:
/* ____________________________ Video Post Styling */
#container #contain .video {
width: 422px;
{block:PermalinkPage}{block:Posts}{block:Date}width: 422px!important;{/block:Date}{/block:Posts}{/block:PermalinkPage}
{block:TagPage}width: 301px!important;{/block:TagPage}
{block:SearchPage}width: 301px!important;{/block:SearchPage}
}#container #contain .video embed, #container #contain .video object, #container #contain .video iframe {
width: 412px;
{block:PermalinkPage}{block:Posts}{block:Date}width: 422px!important;{/block:Date}{/block:Posts}{/block:PermalinkPage}
{block:TagPage}max-height: 250px!important;{/block:TagPage}
{block:SearchPage}max-height: 250px!important;{/block:SearchPage}
{block:TagPage}width: 291px!important;{/block:TagPage}
{block:SearchPage}width: 291px!important;{/block:SearchPage}
}****
I’ve tried adding float and it hasn’t seemed to help. Any help or ideas would be most appreciated. Thanks!