Home > Software engineering >  How To: fix customized navigation html on this tumblr page?
How To: fix customized navigation html on this tumblr page?

Time:02-10

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:

  •  Tags:  
  • Related