Yes. For your **KarnaliDigitalNews + NewsExo** customization, put the following in: **Appearance → Theme File Editor → KarnaliDigitalNews → `style.css`** ```css /* Theme Name: KarnaliDigitalNews Theme URI: https://karnalidigitalnews.com/ Description: KarnaliDigitalNews customization for NewsExo Author: KarnaliDigitalNews Template: newsexo Version: 1.0.0 Text Domain: karnalidigitalnews */ /* ========================================================= KARNALI DIGITAL NEWS ========================================================= */ :root { --kdn-navy: #102b40; --kdn-red: #e3262f; --kdn-dark: #18222c; --kdn-gray: #697681; --kdn-light: #f5f6f7; --kdn-border: #e1e5e8; --kdn-white: #ffffff; } * { box-sizing: border-box; } body { color: var(--kdn-dark); background: #fff; font-family: "Noto Sans Devanagari", "Nirmala UI", Arial, sans-serif; } a { text-decoration: none; } /* ========================================================= CONTAINER ========================================================= */ .kdn-wrap { max-width: 1280px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } /* ========================================================= TOP BAR ========================================================= */ .kdn-top { background: var(--kdn-navy); color: #fff; font-size: 13px; } .kdn-top .kdn-wrap { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 15px; } /* ========================================================= BRAND / HEADER ========================================================= */ .kdn-brand { background: #fff; } .kdn-brand .kdn-wrap { min-height: 110px; display: flex; align-items: center; gap: 16px; } .kdn-logo { display: flex; align-items: center; gap: 12px; } .kdn-logo img { max-height: 70px; width: auto; } .kdn-logo-mark { font-size: 48px; line-height: 1; } .kdn-title { margin: 0; font-size: 34px; line-height: 1.05; font-weight: 800; color: #173d59; } .kdn-title span { color: var(--kdn-red); } .kdn-tagline { margin: 5px 0 0; color: var(--kdn-gray); font-size: 14px; } .kdn-header-ad { margin-left: auto; width: 43%; min-height: 72px; background: #f0f2f4; display: flex; align-items: center; justify-content: center; color: #73808a; font-size: 12px; } /* ========================================================= NAVIGATION ========================================================= */ .kdn-nav { background: var(--kdn-navy); color: #fff; } .kdn-nav .kdn-wrap { display: flex; align-items: stretch; } .kdn-nav ul { margin: 0; padding: 0; list-style: none; display: flex; overflow-x: auto; } .kdn-nav li { margin: 0; } .kdn-nav a { display: block; padding: 14px 15px; color: #fff; font-weight: 700; white-space: nowrap; transition: .2s ease; } .kdn-nav .current-menu-item > a, .kdn-nav a:hover { background: var(--kdn-red); color: #fff; } /* ========================================================= BREAKING NEWS ========================================================= */ .kdn-ticker { margin: 15px 0; min-height: 43px; border: 1px solid var(--kdn-border); display: flex; align-items: center; overflow: hidden; } .kdn-ticker-label { background: var(--kdn-red); color: #fff; padding: 11px 17px; font-weight: 800; white-space: nowrap; } .kdn-ticker-text { padding: 0 14px; font-size: 14px; } /* ========================================================= HERO / LEAD NEWS ========================================================= */ .kdn-lead { display: grid; grid-template-columns: 2fr 1fr 1.05fr; gap: 15px; } .kdn-hero { min-height: 425px; position: relative; display: flex; align-items: flex-end; background: #111 center / cover no-repeat; color: #fff; overflow: hidden; } .kdn-hero::after, .kdn-tile::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 0deg, rgba(0, 0, 0, .88), transparent 70% ); } .kdn-hero-content { position: relative; z-index: 2; padding: 26px; } .kdn-hero h1 { margin: 8px 0; font-size: 32px; line-height: 1.3; color: #fff; } .kdn-hero h1 a { color: #fff; } .kdn-hero h1 a:hover { color: #fff; } .kdn-meta { font-size: 12px; color: var(--kdn-gray); } .kdn-hero .kdn-meta { color: #e7ecef; } .kdn-excerpt { margin: 10px 0 0; color: #e9edf0; font-size: 14px; } /* ========================================================= CATEGORY TAG ========================================================= */ .kdn-tag { display: inline-block; background: var(--kdn-red); color: #fff !important; padding: 4px 9px; font-size: 12px; font-weight: 800; line-height: 1.3; } /* ========================================================= SMALL FEATURE TILES ========================================================= */ .kdn-tiles { display: grid; gap: 12px; } .kdn-tile { height: 133px; position: relative; background: #222 center / cover no-repeat; color: #fff; display: flex; align-items: flex-end; overflow: hidden; } .kdn-tile-content { position: relative; z-index: 2; padding: 13px; } .kdn-tile h3 { margin: 6px 0 0; font-size: 17px; line-height: 1.3; color: #fff; } .kdn-tile h3 a { color: #fff; } /* ========================================================= LATEST NEWS SIDEBAR ========================================================= */ .kdn-sidebar { border-top: 4px solid var(--kdn-red); } .kdn-sidebar-title { margin: 0; padding: 10px 12px; background: var(--kdn-light); font-size: 21px; font-weight: 800; } .kdn-latest { display: flex; gap: 9px; padding: 10px; border-bottom: 1px solid var(--kdn-border); } .kdn-latest img { width: 78px; height: 60px; object-fit: cover; flex: 0 0 78px; } .kdn-latest h4 { margin: 0; font-size: 14px; line-height: 1.4; } .kdn-latest h4 a { color: var(--kdn-dark); } .kdn-latest h4 a:hover { color: var(--kdn-red); } /* ========================================================= SECTION TITLE ========================================================= */ .kdn-section { margin-top: 30px; } .kdn-section-head { display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid var(--kdn-border); margin-bottom: 15px; } .kdn-section-head h2 { margin: 0 0 -2px; border-left: 4px solid var(--kdn-red); padding: 0 0 8px 9px; font-size: 23px; font-weight: 800; } .kdn-more { font-size: 13px; font-weight: 700; color: var(--kdn-red); } .kdn-more:hover { color: var(--kdn-navy); } /* ========================================================= NEWS CARDS ========================================================= */ .kdn-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; } .kdn-card { border: 1px solid var(--kdn-border); background: #fff; overflow: hidden; transition: .25s ease; } .kdn-card:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,0,0,.08); } .kdn-card img { display: block; width: 100%; height: 150px; object-fit: cover; } .kdn-card-body { padding: 11px; } .kdn-card h3 { margin: 7px 0; font-size: 17px; line-height: 1.4; color: var(--kdn-dark); } .kdn-card a:hover h3 { color: var(--kdn-red); } .kdn-three { grid-template-columns: repeat(3, 1fr); } /* ========================================================= POPULAR POSTS ========================================================= */ .kdn-sidebar-block { margin-top: 18px; border-top: 4px solid var(--kdn-red); } .kdn-popular { margin: 0; padding: 0; list-style: none; } .kdn-popular li { display: flex; align-items: center; gap: 10px; padding: 10px; border-bottom: 1px solid var(--kdn-border); font-weight: 700; font-size: 14px; } .kdn-number { width: 28px; height: 28px; border-radius: 50%; background: var(--kdn-red); color: #fff; display: grid; place-items: center; flex: 0 0 28px; font-weight: 800; } /* ========================================================= NEWSLETTER ========================================================= */ .kdn-newsletter { margin-top: 18px; background: var(--kdn-navy); color: #fff; padding: 20px; } .kdn-newsletter h3 { color: #fff; margin: 0 0 7px; } .kdn-newsletter p { color: #fff; } .kdn-newsletter input { width: 100%; border: 0; padding: 11px; margin: 8px 0; outline: none; } .kdn-newsletter button { border: 0; background: var(--kdn-red); color: #fff; padding: 11px 15px; font-weight: 800; cursor: pointer; } .kdn-newsletter button:hover { background: #c91d25; } /* ========================================================= FOOTER ========================================================= */ .kdn-footer { margin-top: 45px; background: var(--kdn-navy); color: #fff; padding: 35px 0; } .kdn-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.4fr; gap: 30px; } .kdn-footer h2, .kdn-footer h3 { color: #fff; } .kdn-footer p { color: #dce4e9; } .kdn-footer ul { list-style: none; margin: 0; padding: 0; line-height: 2; } .kdn-footer a { color: #fff; } .kdn-footer a:hover { color: var(--kdn-red); } .kdn-copy { border-top: 1px solid #486073; margin-top: 24px; padding-top: 14px; font-size: 12px; display: flex; justify-content: space-between; gap: 15px; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 1000px) { .kdn-lead { grid-template-columns: 1fr; } .kdn-header-ad { display: none; } .kdn-cards { grid-template-columns: repeat(2, 1fr); } .kdn-three { grid-template-columns: repeat(2, 1fr); } .kdn-footer-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 600px) { .kdn-wrap { padding-left: 12px; padding-right: 12px; } .kdn-top .kdn-wrap { font-size: 11px; } .kdn-brand .kdn-wrap { min-height: 90px; } .kdn-title { font-size: 25px; } .kdn-logo-mark { font-size: 38px; } .kdn-cards, .kdn-three { grid-template-columns: 1fr; } .kdn-hero { min-height: 360px; } .kdn-hero h1 { font-size: 25px; } .kdn-footer-grid { grid-template-columns: 1fr; } .kdn-copy { display: block; } .kdn-copy span { display: block; margin-top: 8px; } .kdn-ticker { font-size: 13px; } .kdn-ticker-label { padding: 10px; } } ``` ##:contentReference[oaicite:0]{index=0}