Tulisan Typo & Font Tidak Cocok? Pelajari Cara Edit & Kustomisasi Teks Undangan di Elementor!

📌 Apa itu Edit Teks di Elementor?

Edit teks di Elementor adalah proses memodifikasi isi tulisan, jenis huruf (font), ukuran, perataan, serta warna pada elemen teks di template undangan Anda. Melalui panel editor visual Elementor, perubahan tulisan dapat dilakukan secara langsung dan hasilnya terlihat seketika (WYSIWYG) tanpa memerlukan kode pemrograman HTML.

📖

Skenario Penggunaan Nyata

Bayangkan Anda menyebarkan link undangan digital pernikahan klien, namun pada seksi acara tertulis "Akad Nikah dilangsungkan Jam 08.00 PM" padahal seharusnya "08.00 AM (Pagi)". Kesalahan kecil semacam ini bisa menyebabkan tamu datang terlambat. Mengetahui cara mengakses, mengedit, dan memvalidasi teks di Elementor secara cepat adalah keahlian mutlak bagi seorang desainer undangan.

✨ Preferensi Kustomisasi Teks Elementor

Content Tab: Tempat memasukkan teks utama, menyisipkan link, atau menambahkan kode baris baru HTML (<br>).
Typography Options (Tab Style): Mengatur jenis font (Family), ukuran (Size), ketebalan (Weight), gaya (Style), jarak antar huruf (Letter Spacing), dan tinggi baris (Line Height).
Text Shadow: Memberikan efek bayangan halus di belakang teks agar tulisan lebih kontras di atas gambar latar belakang yang ramai.
HTML Tag: Menentukan kepentingan teks untuk SEO (seperti memilih tag H1 untuk judul utama atau tag p untuk deskripsi paragraf).

🛠️ Langkah Mengedit Teks Undangan

Langkah 1: Memilih Elemen Teks yang Ingin Diedit

Arahkan kursor ke tulisan yang ingin diubah pada editor Elementor, lalu klik ikon pensil biru di pojok kanan atas kolom elemen tersebut. Panel pengaturan teks akan muncul di sebelah kiri layar.

Langkah 2: Mengubah Isi Tulisan & Tipografi

Pada tab Content, ubah isi tulisan pada kotak input teks. Jika ingin mengubah font, pindah ke tab Style > klik ikon pensil pada bagian Typography. Pilih jenis font yang diinginkan (misal: Playfair Display untuk judul atau Inter untuk paragraf) dan sesuaikan ukurannya.

Langkah 3: Menonton Video Panduan Edit Teks

Tonton dan pelajari langkah mengedit teks, mengkustomisasi gaya font, dan mengatasi kegagalan render font di video tutorial di bawah ini:

💡

Pro Tips Performa

Gunakan kode <br> di dalam kotak editor teks Elementor untuk memotong tulisan dan membuat baris baru ke bawah secara rapi (contoh: Budi<br>&<br>Rara pada nama sampul undangan).

🔗 Modul Panduan Terkait

Langkah selanjutnya setelah teks rapi adalah mengganti foto klien:

💡 Pertanyaan Sering Ditanya (FAQ)

Mengapa font teks saya di mobile/HP tidak sama dengan tampilan di PC?

Kemungkinan browser HP Anda belum memuat cache CSS terbaru atau koneksi internet HP terganggu saat mengunduh Google Fonts. Cobalah reload halaman atau gunakan fitur Custom Fonts Elementor untuk menyimpan font secara lokal.

Apakah saya bisa mengatur ukuran font yang berbeda khusus untuk layar HP?

Bisa. Pada bagian pengaturan ukuran font (Size) di tab Typography, klik ikon desktop kecil di sebelah label "Size". Pilih ikon Mobile/HP untuk menentukan ukuran khusus yang hanya akan aktif saat undangan dibuka dari HP.

Bagaimana cara menyalin (copy-paste) teks dari Microsoft Word tanpa merusak style Elementor?

Menyalin teks langsung dari Word sering membawa kode format tersembunyi yang merusak font Elementor. Pastikan Anda menyalinnya ke aplikasi Notepad terlebih dahulu (untuk membersihkan format), lalu salin ulang teks bersih tersebut ke Elementor.