I am editing HTML and I am having difficulty with the coding. I am attempting to edit for the header of the tumblr page so it can look polished. However, I am not experiencing much success. I have tried to edit the code regarding the mast-wrapper but that has not worked. I have also tried to see if I could edit the code regarding the JavaScript but didn't seem to be it. Should I include a script in order for it to be applied or is it something else?
<header id="masthead">
<div >
<div >
<div >
<a href="https://meanplasticqueenbee.com/"><img src="https://64.media.tumblr.com/bb46b30fda9b4c44e1b55981736f7ac7/319b432632ab9ec3-13/s128x128u_c1/00f8d4c469c1c259358c77b8e9bf23421bb84f62.pnj"></a>
<h1 ><span >/span></h1>
<div >
<ul >
</ul>
</div><script >window.tumblr_preview_marker || (window.tumblr_preview_marker = 0); parent.postMessage('progress;' (window.tumblr_preview_marker ) ';' document.getElementsByClassName('tumblr_preview_marker___').length, '*');</script>
</div><script >window.tumblr_preview_marker || (window.tumblr_preview_marker = 0); parent.postMessage('progress;' (window.tumblr_preview_marker ) ';' document.getElementsByClassName('tumblr_preview_marker___').length, '*');</script>
</div><script >window.tumblr_preview_marker || (window.tumblr_preview_marker = 0); parent.postMessage('progress;' (window.tumblr_preview_marker ) ';' document.getElementsByClassName('tumblr_preview_marker___').length, '*');</script>
</div><script >window.tumblr_preview_marker || (window.tumblr_preview_marker = 0); parent.postMessage('progress;' (window.tumblr_preview_marker ) ';' document.getElementsByClassName('tumblr_preview_marker___').length, '*');</script>
</header>
<style>
body {
background: #fe84b8
font-family: "nimbus-sans", sans-serif;
color: #fbffff;
}
.blog-title {
font-family: "nimbus-sans", sans-serif;
font-weight: 700;
}
.blog-title a,
.description,
.search-no-results,
.likes-no-likes,
.related-posts-wrapper > h2,
.loader .loader-bar,
.widget-title {
color: #FF008D !important;
}
a {
color: #e70d0d;
}
#pagination a,
.nav-wrapper .nav-item .label {
color: #FF1493;
}
#pagination a.next:after {
border-left-color: #e70d0d;
}
#pagination a.previous:after {
border-right-color: #e70d0d;
}
#masthead {
position: relative;
z-index: 2;
}
#masthead, .bg-cover, .bg-tint, .move-left>.inner-wrap {
height: 100vh;
}
.mast-container {
display: table;
position: absolute;
height: 100%;
width: 100%;
}
#load-more, #load-more a, #mast-scroll i, .back-to-top, .mast-wrapper, .mfp-container:before, .mfp-content, .tagegories ul li p, img {
vertical-align: middle;
}
.mast-wrapper {
display: table-cell;
}
.mast-box, .mast-title, .mast-wrapper, .tagegories ul li {
position: relative;
}
.mast-box, .mast-title, .mast-wrapper, .tagegories ul li {
position: relative;
}
THIS IS WHAT I AM TRYING TO GET: enter image description here
AND THIS IS WHAT I HAVE SO FAR: enter image description here
CodePudding user response:
