Edit with Live CSS
// ------------------------------------FONT AWESOME .fas{ margin-right: 16px } .menu-item a .fas.fa-home{ margin:0px } // ------------------------------------AUTHOR AVATAR .avatar{ border-radius: 100%; } .td-instagram-profile-image img{ width: 100%; } // ------------------------------------HEADER .td-main-page-wrap{ padding-top: 0px; } .td-header-style-9 .td-banner-bg{ background-color: transparent; } .td-header-sp-logo{ //background header ornamen background: url(https://d1ujd2p1ng8vkd.cloudfront.net/wp-content/uploads/sites/31/2019/05/Ornamen-Logo.png); background-size: cover; background-position: center } .td-main-logo img{ max-width: 400px; } @media all and (max-width: 500px){ .td-main-logo img{ min-width: 100px; max-width: 200px;; } } .td-banner-wrap-full{ background: transparent; } .td-retina-data{ padding: 3rem; } // ------------------------------------PRIMARY MENU .td-header-menu-wrap , .td-header-menu-wrap .td-header-gradient .td-affix , .td-container .td-header-row .td-header-main-menu{ background-color: #005a99 !important; } .menu-item-kontributor a i{ background-color: #f3a83b; border-radius: 16px; padding: 8px; } ul.sf-menu > .td-menu-item > a { font-size : 12px; } .td-instagram-button{ background-color: #1e73be; } .td-container-wrap{ background: transparent; } .td_module_mega_menu .td-module-image .td-module-thumb .td-image-wrap .entry-thumb{ width:200px; } // -----------------------------------BURGER MENU ON MOBILE #td-mobile-nav{ background:#005a99 ; } // ------------------------------------ SEARCH FORM .td-head-form-search-wrap .btn , #searchsubmit{ background: #005a99 !important; } .td-search-background{ background:none; } //HOME PAGE -RESPONSIVE IPAD @media (min-width: 767px) and (max-width: 1024px){ .sidebar-column .wpb_wrapper{ display: flex; } .ipad-width{ width: 100%; } .ipad-wrap .td_block_inner .td_module_wrap{ width: 50%; margin-bottom : 32px; } .jumbotron .td_block_inner .td_module_flex_6:first-child{ width: 66.6% } .jumbotron .td_block_inner .td_module_flex_6 :nth-child(2){ margin-bottom: 6px; } // MEGA MENU .td_module_mega_menu .td-module-image .td-module-thumb .td-image-wrap .entry-thumb{ width:150px; min-height: 100px; max-height: 100px; } } // SINGLE RESPONSIVE MOBILE @media (max-width: 767px){ #single-page-container .td-stretch-content{ padding-left: 0px !important; padding-right: 0px !important; } } // ------------------------------------FOOTER MUDA .footer-muda{ background-size: cover; } #footer-muda .td-stretch-content{ padding: 0px; } .td-sub-footer-container{ background-color: #0d0d0d; } .td-footer-wrapper .td-container-wrap { width: 100% !important; } .td-boxed-layout{ width: 100% !important; } a .td_single_image_bg{ z-index:-1 !important; } .pre-footer{ margin-top:10rem; height: 4rem; background-position: top; } @media all and (min-width: 1280px){ .pre-footer{ height:6rem; } } .footer-logo .td-fix-index img{ max-witdh: 400px !important; min-width: 100px; } // ------------------------------------ SINGLE POST .td-video-template-bg{ background: transparent; } .post{ background: transparent; } .td-post-author-name div,.td-post-author-name a{ font-size:16px; } .logged-in-as{ font-size: 14px; } .td-post-next-prev-content span{ font-size: 14px; } #reply-title{ font-size: 16px; } .td-post-content p{ font-size: 18px; font-family: "Fira Sans"; } #single-jumbotron .td-pb-span12{ padding-left: 0px !important; padding-left: 0px !important; } .td-post-featured-video .td-post-featured-image figure .wp-caption-text{ background: black; position: absolute; bottom: 2rem; color: white; padding: 16px; margin-top:-100px; } .td-block-title-wrap h4,{ font-family: "Fira Sans" !important; font-size: 32px !important; font-weight: 700 !important; } .td_module_mega_menu .item-details .entry-title.td-module-title a{ font-size: 14px !important; line-height: 20px; } .sidebar-muda .td_block_inner .td-block-span12 .td_module_wrap .item-details .entry-title.td-module-title a{ font-size: 24px !important; font-weight: 700 !important; font-family: "Fira Sans" !important; } .td-post-date time { font-size: 16px !important; font-family: "Fira Sans" !important; text-transform: uppercase; } .td-post-next-prev-content a{ font-style: italic; font-weight: 700 !important; font-size: 16px !important; font-family: "Fira Sans" !important; text-transform: uppercase; color: #000; } .td-post-title h1.entry-title{ //judul artikel single font-style: italic; font-weight: 700 !important; font-family: "Fira Sans" !important; text-transform: uppercase; color: #000; } .td-related-span4 .td_module_related_posts .item-details h3 a{ font-size: 24px; font-weight: 700 !important; font-family: "Fira Sans" !important; } .td-related-span4 .td_module_related_posts .item-details h3 a:hover, .td-post-next-prev .td-post-prev-post .td-post-next-prev-content a:hover{ color:#F3A83B; } .td-related-span4:hover{ .td_module_related_posts .item-details h3 a{ color:#000 ; } } #td_social_sharing_article_top .td-post-sharing-visible{ margin-top: 20px } @media all and (max-width: 1019px){ .entry-thumb{ width:100px; } } .td-post-featured-image{ overflow: hidden; max-width: 1080px; margin: 0 auto; } .sidebar-muda .td-block-title-wrap .td-block-title .td-pulldown-size{ margin-bottom: 16px; } .entry-category a, .td-post-source-tags, .td-tags li a{ font-size: 14px; } .post header .entry-title { font-size: 32px; } .td-author-name span.fn a{ font-size: 16px; } // ADS .single-ads{ padding: 1rem 0; } .td-container-wrap { width : 100% !important; } .tdc-no-posts{ background-image: url(https://kompas-muda-redesign-mumed-2.c9users.io/wp-content/uploads/2019/04/Words-not-found-02.png); }