/* FOOTER DASAR */
footer,
.footer,
.site-footer,
.main-footer,
.footer-area,
.copyright-area {
    background: #0d3b66 !important;
    color: #ffffff !important;
}

/* semua teks tetap putih */
footer * {
    color: #ffffff !important;
}

/* =========================
   HURUF AWAL WIDGET TITLE
   (About Us / Popular Post biasanya widget title)
   ========================= */
footer .widget-title::first-letter,
footer h2::first-letter,
footer h3::first-letter {
    color: #b0b0b0 !important; /* abu-abu */
    font-weight: bold !important;
}

/* =========================
   TARGET KHUSUS TEKS JIKA ADA MATCH TEXT
   (fallback kalau theme tidak pakai class)
   ========================= */
footer h2,
footer h3 {
    color: #ffffff !important;
}

/* =========================
   HILANGKAN MENU BAWAH (Beranda dll)
   ========================= */
footer nav,
footer .menu,
footer .footer-menu,
footer .widget_nav_menu {
    display: none !important;
}
/* =========================
   HURUF DEKORASI BESAR A & P
   JADI ABU-ABU
   ========================= */

/* About Us */
footer .about-us .firstword,
footer .about-us span,
footer .about-us::before,
footer .about-us::first-letter {
    color: #9e9e9e !important; /* abu-abu */
}

/* Popular Posts */
footer .popular-posts .firstword,
footer .popular-posts span,
footer .popular-posts::before,
footer .popular-posts::first-letter,
footer .popular-post .firstword,
footer .popular-post span {
    color: #9e9e9e !important; /* abu-abu */
}

/* fallback untuk huruf dekorasi besar */
footer h2 span:first-child,
footer h3 span:first-child {
    color: #9e9e9e !important;
}
/* =========================
   UBAH HURUF BESAR DEKORASI
   A & P MENJADI ABU-ABU
   ========================= */

/* huruf dekorasi besar */
footer h2 span,
footer h3 span,
footer .widget-title span {
    color: #9e9e9e !important; /* abu-abu */
}

/* fallback jika dibuat dengan pseudo element */
footer h2::before,
footer h3::before,
footer .widget-title::before {
    color: #9e9e9e !important;
}
/* =========================
   HILANGKAN EFEK HURUF BESAR
   YANG BERTUMPUK
   ========================= */

/* reset semua dekorasi huruf besar */
footer h2 span,
footer h3 span,
footer .widget-title span {
    position: static !important;
    display: inline !important;
    font-size: inherit !important;
    line-height: normal !important;
    transform: none !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #9e9e9e !important; /* abu-abu */
}

/* jika dekorasi dibuat pakai pseudo */
footer h2::before,
footer h3::before,
footer .widget-title::before,
footer h2::after,
footer h3::after,
footer .widget-title::after {
    display: none !important;
    content: none !important;
}

/* rapikan title */
footer h2,
footer h3,
footer .widget-title {
    position: relative !important;
    letter-spacing: normal !important;
    line-height: 1.5 !important;
    overflow: visible !important;
}
/* =========================
   PAKSA HILANGKAN
   HURUF DEKORASI BESAR
   ========================= */

/* sembunyikan huruf dekorasi */
footer h2 span:first-child,
footer h3 span:first-child,
footer .widget-title span:first-child {
    display: none !important;
}

/* hapus pseudo element dekorasi */
footer h2::before,
footer h3::before,
footer .widget-title::before,
footer h2::after,
footer h3::after,
footer .widget-title::after {
    display: none !important;
    content: none !important;
}

/* rapikan judul */
footer h2,
footer h3,
footer .widget-title {
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    position: static !important;
}
/* =========================
   PAKSA HILANGKAN
   HURUF DEKORASI BESAR
   ========================= */

/* sembunyikan huruf dekorasi */
footer h2 span:first-child,
footer h3 span:first-child,
footer .widget-title span:first-child {
    display: none !important;
}

/* hapus pseudo element dekorasi */
footer h2::before,
footer h3::before,
footer .widget-title::before,
footer h2::after,
footer h3::after,
footer .widget-title::after {
    display: none !important;
    content: none !important;
}

/* rapikan judul */
footer h2,
footer h3,
footer .widget-title {
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    position: static !important;
}
/* =========================
   HILANGKAN HURUF DEKORASI A & P
   ========================= */
footer .about-us::first-letter,
footer .berita-populer::first-letter,
footer .popular-post::first-letter,
footer .popular-posts::first-letter,
footer h2::first-letter,
footer h3::first-letter {
    all: unset !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
    float: none !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
}
Oke, ini kita rapikan secara visual saja: huruf awal A (About Us) dan P (Berita Populer) diberi warna aksen supaya tidak terlihat “numpuk” atau saling tabrakan.

Masalahnya biasanya karena efek drop-cap (::first-letter) dari theme, jadi kita cukup “membedakan huruf awalnya” tanpa mengganggu layout.

Pakai CSS ini:

/* =========================
   FOOTER DASAR
   ========================= */
footer,
.footer,
.site-footer,
.main-footer,
.footer-area,
.copyright-area {
    background: #0d3b66 !important;
    background-color: #0d3b66 !important;
    color: #ffffff !important;
}

/* semua teks tetap putih */
footer *,
.footer *,
.site-footer *,
.main-footer * {
    color: #ffffff !important;
}

/* =========================
   ABOUT US - HURUF A
   ========================= */
footer .about-us::first-letter {
    color: #ffd166 !important; /* kuning lembut */
    font-weight: bold !important;
    font-size: 1em !important;
}

/* =========================
   BERITA POPULER - HURUF P
   ========================= */
footer .berita-populer::first-letter {
    color: #06d6a0 !important; /* hijau soft */
    font-weight: bold !important;
    font-size: 1em !important;
}

/* =========================
   FIX TEXT BERTUMPUK (ANTI OVERLAP)
   ========================= */
footer .about-us,
footer .berita-populer {
    line-height: 1.6 !important;
    position: relative !important;
    overflow: visible !important;
}

/* =========================
   HILANGKAN MENU NAV (Beranda dll)
   ========================= */
footer nav,
footer .menu,
footer .footer-menu,
.footer-area nav,
.site-footer nav,
footer .widget_nav_menu {
    display: none !important;
}
/* HAPUS HURUF DEKORASI BESAR */
footer .section-title span,
footer .widget-title span,
footer .title span,
footer .heading span {
    display: none !important;
}

/* HAPUS PSEUDO DECORATION */
footer .section-title::before,
footer .widget-title::before,
footer .title::before,
footer .heading::before {
    display: none !important;
    content: none !important;
}

/* RAPIIKAN JUDUL */
footer .section-title,
footer .widget-title,
footer .title,
footer .heading,
footer h2,
footer h3 {
    position: relative !important;
    z-index: 2 !important;
    line-height: 1.5 !important;
}
.section-title {
  display: flex;
  align-items: center;
  gap: 6px; /* jarak antara A dan teks */
  margin: 0;
}

.section-title span {
  color: #999999; /* abu-abu biar tidak mencolok */
  font-weight: 700;
  font-size: 1.2em;
  line-height: 1;
}
/* Perbesar teks paragraf utama */
p {
    font-size: 18px; /* sesuaikan, misal 18–22px */
    line-height: 1.6;
}

/* Khusus bagian alamat (kalau ada class atau container) */
.alamat {
    font-size: 20px;
    font-weight: 500;
}

.judul-utama {
    font-size: 32px;   /* bisa dinaikkan lagi: 36px, 40px */
    font-weight: 700;
    line-height: 1.4;
    text-align: center; /* opsional */
}
.section-title span {
  display: inline-block;
  margin-right: 6px;
  color: #999;
}
.hero-section p {
    font-size: 42px;
    font-weight: 600;
    line-height: 1.5;
}
.section-title span {
  display: inline-block;
  margin-right: 6px;
  color: #999;
}