/* ============================================ */
/* WOMANEDIT SECTIONS — UNIFIED CSS v6 STATIC */
/* ============================================ */
/* — Base reset — */
.we-section, .we-section * { box-sizing: border-box; }
.we-section {
max-width: 1120px;
margin: 0 auto 40px auto;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Oxygen, Ubuntu, sans-serif;
padding: 0 12px;
}
/* — Section Heading — */
.we-section-heading {
font-family: inherit;
font-size: 22px;
font-weight: 900;
letter-spacing: 0.05em;
text-transform: uppercase;
text-align: left;
color:#1a1a1a;
border-bottom: 3px solid#1a1a1a;
padding-bottom: 6px;
margin: 0 0 20px 0;
line-height: 1.3;
}
/* — Hero Row — */
.we-hero-row {
display: flex;
flex-direction: row;
gap: 0;
margin-bottom: 20px;
border: 2px solid #eee;
border-radius: 8px;
overflow: hidden;
background: #fff;
min-height: 350px;
}
.we-hero-img {
flex: 0 0 65%;
max-width: 65%;
height:500px;
overflow: hidden;
position: relative;
}
.we-hero-img a {
display: block;
width: 100%;
height: 100%;
}
.we-hero-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
display: block;
}
.we-hero-body {
flex: 0 0 35%;
max-width: 35%;
padding: 24px 20px;
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
}
.we-hero-cat {
display: inline-block;
background: #e91e8c;
color: #fff;
font-size: 10px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 3px 10px;
border-radius: 3px;
margin-bottom: 10px;
text-decoration: none;
align-self: flex-start;
}
.we-hero-title {
font-size: 22px;
font-weight: 800;
line-height: 1.3;
margin: 0 0 10px 0;
color: #111;
}
.we-hero-title a {
color: #111;
text-decoration: none;
}
.we-hero-title a:hover {
color: #e91e8c;
}
.we-hero-excerpt {
font-size: 14px;
line-height: 1.6;
color: #555;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* — Card Grid — */
.we-card-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
margin-top: 0;
}
.we-card {
background: #fff;
border: 1px solid #eee;
border-radius: 8px;
overflow: hidden;
display: flex;
flex-direction: column;
transition: box-shadow 0.2s;
}
.we-card:hover {
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.we-card-img {
width: 100%;
height: 180px;
overflow: hidden;
position: relative;
}
.we-card-img a {
display: block;
width: 100%;
height: 100%;
}
.we-card-img img {
width: 100%;
height: 180px;
object-fit: cover;
object-position: top center;
display: block;
}
.we-card-body {
padding: 12px 14px;
flex: 1;
display: flex;
flex-direction: column;
}
.we-card-cat {
display: inline-block;
background: #e91e8c;
color: #fff;
font-size: 9px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
padding: 2px 8px;
border-radius: 3px;
margin-bottom: 8px;
text-decoration: none;
align-self: flex-start;
}
.we-card-title {
font-size: 15px;
font-weight: 700;
line-height: 1.35;
margin: 0;
color: #111;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.we-card-title a {
color: #111;
text-decoration: none;
}
.we-card-title a:hover {
color: #e91e8c;
}
/* — Newsletter Box — */
.we-newsletter-box {
background: linear-gradient(135deg, #fdf2f8, #fce7f3);
border: 2px solid #e91e8c;
border-radius: 8px;
padding: 20px 16px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.we-nl-logo {
max-width: 120px;
height: auto;
margin-bottom: 8px;
}
.we-nl-fallback {
display: none;
font-size: 20px;
font-weight: 900;
letter-spacing: 1px;
color: #e91e8c;
margin-bottom: 8px;
}
.we-nl-text {
font-size: 13px;
color: #333;
margin: 0 0 12px 0;
line-height: 1.4;
}
.we-nl-input {
width: 100%;
padding: 10px 12px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 13px;
margin-bottom: 8px;
outline: none;
}
.we-nl-input:focus {
border-color: #e91e8c;
}
.we-nl-btn {
width: 100%;
padding: 10px 12px;
background: #e91e8c;
color: #fff;
border: none;
border-radius: 5px;
font-size: 13px;
font-weight: 700;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 1px;
}
.we-nl-btn:hover {
background: #d4167d;
}
/* ========== TABLET (768-1024px) ========== */
@media (min-width: 768px) and (max-width: 1024px) {
.we-hero-img {
flex: 0 0 55%;
max-width: 55%;
}
.we-hero-body {
flex: 0 0 45%;
max-width: 45%;
padding: 20px 16px;
}
.we-hero-title {
font-size: 19px;
}
.we-card-grid {
grid-template-columns: repeat(2, 1fr);
gap: 14px;
}
}
/* ========== MOBILE (< 768px) ========== */
/* ── MOBILE RESPONSIVE (max-width: 768px) ── */
/* ── MOBILE RESPONSIVE (max-width: 768px) ── */
@media (max-width: 768px) {
/* Section wrapper */
.we-section {
padding: 0 12px;
margin: 24px auto;
}
/* Heading */
.we-section-heading {
font-size: 18px;
margin: 0 0 14px 0;
}
/* ── Hero row: stack vertically, no fixed heights, no gaps ── */
.we-hero-row {
flex-direction: column !important;
min-height: 0 !important;
}
.we-hero-img {
flex: none !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
}
.we-hero-img img {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
display: block !important;
}
/* Hero text panel — correct class is .we-hero-body */
.we-hero-body {
flex: none !important;
width: 100% !important;
max-width: 100% !important;
padding: 16px 0 !important;
height: auto !important;
min-height: 0 !important;
}
.we-hero-title {
font-size: 18px !important;
}
.we-hero-excerpt {
font-size: 13px !important;
}
/* ── Card grid: single column (CSS grid → 1fr) ── */
.we-card-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 16px !important;
}
.we-card {
width: 100% !important;
max-width: 100% !important;
}
.we-card-img,
.we-card-img img {
height: 300px !important;
}
.we-card-title {
font-size: 15px !important;
}
/* ── Newsletter box: full width ── */
.we-newsletter-box {
width: 100% !important;
max-width: 100% !important;
padding: 20px !important;
}
.we-nl-logo {
max-width: 140px !important;
}
}
/* v20260301-hero-v5 */
#we-hero-section {
max-width: 1120px;
margin: 0 auto 40px;
background: #0a0a0a;
font-family: inherit;
overflow: hidden;
}
#we-hero-inner {
display: flex;
flex-direction: row;
gap: 0;
min-height: 560px;
}
/* ── LEFT: LATEST ── */
#we-hero-latest {
flex: 0 0 65%;
max-width: 65%;
position: relative;
overflow: hidden;
background: #111;
min-height: 560px;
}
#we-hero-feat-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
#we-hero-feat-img img {
width: 100%;
height: 100% !important;
object-fit: cover;
object-position: top center;
display: block;
}
#we-hero-feat-img a {
display: block;
width: 100%;
height: 100%;
}
#we-hero-feat-gradient {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.55) 45%, rgba(0,0,0,0) 75%);
pointer-events: none;
}
#we-hero-feat-body {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 28px;
z-index: 2;
}
#we-hero-feat-cat {
display: inline-block;
font-size: 10px;
font-weight: 800;
letter-spacing: 3px;
text-transform: uppercase;
color: #fff;
margin-bottom: 12px;
text-decoration: none;
background: rgba(255,255,255,0.15);
padding: 4px 10px;
border-radius: 2px;
}
#we-hero-feat-title {
font-size: 34px;
font-weight: 900;
line-height: 1.2;
color: #fff;
margin: 0 0 12px;
letter-spacing: -0.5px;
}
#we-hero-feat-title a {
color: inherit;
text-decoration: none;
}
#we-hero-feat-title a:hover {
color: #f7cac9;
}
#we-hero-feat-excerpt {
font-size: 13px;
color: rgba(255,255,255,0.85);
line-height: 1.6;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-width: 520px;
}
/* ── RIGHT: TRENDING ── */
#we-hero-trending {
flex: 0 0 35%;
max-width: 35%;
display: flex;
flex-direction: column;
background: #0a0a0a;
border-left: 1px solid rgba(255,255,255,0.08);
}
#we-hero-trending-label {
font-size: 12px;
font-weight: 800;
letter-spacing: 4px;
text-transform: uppercase;
color: #f7cac9;
padding: 18px 20px 14px;
border-bottom: 1px solid rgba(255,255,255,0.08);
}
.we-hero-trend-item {
display: flex;
flex-direction: row;
gap: 14px;
padding: 16px 20px;
border-bottom: 1px solid rgba(255,255,255,0.07);
align-items: flex-start;
flex: 1 1 0;
}
.we-hero-trend-item:last-child {
border-bottom: none;
}
.we-hero-trend-thumb {
flex: 0 0 110px;
width: 110px;
height: 110px;
overflow: hidden;
background: #222;
border-radius: 2px;
}
.we-hero-trend-thumb img {
width: 100%;
height: 100% !important;
object-fit: cover;
object-position: top center;
display: block;
}
.we-hero-trend-body {
flex: 1 1 0;
min-width: 0;
}
.we-hero-trend-title {
font-size: 16px;
font-weight: 700;
line-height: 1.35;
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 5px;
}
.we-hero-trend-title a {
color: inherit;
text-decoration: none;
}
.we-hero-trend-title a:hover {
color: #f7cac9;
}
.we-hero-trend-cat {
font-size: 10px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: #f7cac9;
margin-bottom: 6px;
display: block;
}
.we-hero-trend-cat a {
color: inherit;
text-decoration: none;
}
.we-hero-trend-meta {
font-size: 10px;
color: rgba(255,255,255,0.5);
letter-spacing: 0.5px;
}
.we-hero-skel {
background: linear-gradient(90deg, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%);
background-size: 200% 100%;
animation: we-hero-sh 1.5s ease infinite;
border-radius: 2px;
}
(function() {
window.weHeroPostIds = [];
var BASE = ‘/wp-json/wp/v2/posts’;
var AMP = String.fromCharCode(38);
function getImg(post) {
try {
var m = post._embedded[‘wp:featuredmedia’];
var m0 = m ? m[0] : null;
if (m0) {
var s = m0.media_details ? m0.media_details.sizes : null;
return s ? (s.large || s.medium_large || s.medium || s.full || {source_url: m0.source_url}).source_url : m0.source_url;
}
} catch(e) {}
return ”;
}
function getCat(post) {
try {
var terms = post._embedded[‘wp:term’];
var cats = terms ? terms[0] : null;
if (cats) {
for (var i = 0; i < cats.length; i++) {
if (cats[i].taxonomy === 'category') return {name: cats[i].name, link: cats[i].link};
}
}
} catch(e) {}
return {name: '', link: '#'};
}
function timeAgo(d) {
var s = Math.floor((Date.now() – new Date(d)) / 1000);
if (s < 3600) return Math.floor(s / 60) + 'm ago';
if (s < 86400) return Math.floor(s / 3600) + 'h ago';
return Math.floor(s / 86400) + 'd ago';
}
function clearSkel(el) {
if (el) el.classList.remove('we-hero-skel');
}
/* ── LATEST (offset 0) ── */
var featUrl = BASE + '?per_page=1' + AMP + 'offset=0' + AMP + '_embed=1' + AMP + '_t=' + Date.now();
fetch(featUrl)
.then(function(r) { return r.json(); })
.then(function(posts) {
var p = posts ? posts[0] : null;
if (!p) return;
var title = p.title.rendered;
var link = p.link;
var img = getImg(p);
var cat = getCat(p);
var exc = p.excerpt ? p.excerpt.rendered.replace(/]+>/g, ”).replace(/…/g, ‘…’).trim() : ”;
var imgEl = document.getElementById(‘we-hero-feat-img’);
if (imgEl) {
clearSkel(imgEl);
imgEl.innerHTML = img
? ‘
‘
: ‘
‘;
}
if (p.id) window.weHeroPostIds.push(p.id);
var catEl = document.getElementById(‘we-hero-feat-cat’);
if (catEl) {
catEl.innerHTML = cat.name
? ‘
‘ + cat.name + ‘ ‘
: ”;
}
var titleEl = document.getElementById(‘we-hero-feat-title’);
if (titleEl) titleEl.innerHTML = ‘
‘ + title + ‘ ‘;
var excEl = document.getElementById(‘we-hero-feat-excerpt’);
if (excEl) excEl.textContent = exc;
})
.catch(function(e) { console.warn(‘we-hero feat:’, e); });
/* ── TRENDING (offset 1) ── */
var trendUrl = BASE + ‘?per_page=4’ + AMP + ‘offset=1’ + AMP + ‘_embed=1’ + AMP + ‘_t=’ + Date.now();
fetch(trendUrl)
.then(function(r) { return r.json(); })
.then(function(posts) {
if (!posts) return;
for (var i = 0; i < Math.min(posts.length, 4); i++) {
var p = posts[i];
var title = p.title.rendered;
var link = p.link;
var img = getImg(p);
if (p.id) window.weHeroPostIds.push(p.id);
var itemEl = document.getElementById('we-hero-trend-' + i);
if (!itemEl) continue;
var tcat = getCat(p);
itemEl.innerHTML =
'
‘ +
(img ? ‘
‘ : ”) +
‘
‘ +
‘
‘ +
(tcat.name ? ‘
‘ : ”) +
‘
‘ +
‘
‘;
}
})
.catch(function(e) { console.warn(‘we-hero trend:’, e); });
})();
@import url(‘https://fonts.googleapis.com/css2?family=Playfair+Display:wght@900&display=swap’);
/* v20260301-truthedit-v2 */
#we-truthedit-section {
background: #ffffff;
border: 5px solid #000000;
max-width: 1120px;
margin: 0 auto 32px;
box-sizing: border-box;
font-family: inherit;
}
#we-truthedit-inner {
display: flex;
flex-direction: row;
align-items: stretch;
min-height: 400px;
}
/* LEFT COLUMN — Tamara */
#we-truthedit-left {
flex: 0 0 28%;
max-width: 28%;
border-right: 3px solid #000000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding: 0;
overflow: hidden;
}
#we-truthedit-photo {
width: 100%;
flex: 1;
overflow: hidden;
}
#we-truthedit-photo img {
width: 100%;
height: 100% !important;
object-fit: cover;
object-position: top center;
display: block;
}
#we-truthedit-bio {
padding: 14px 16px;
text-align: center;
border-top: 3px solid #000000;
width: 100%;
box-sizing: border-box;
background: #ffffff;
}
#we-truthedit-name {
font-size: 15px;
font-weight: 700;
color: #000000;
margin: 0 0 3px;
letter-spacing: 0.3px;
}
#we-truthedit-role {
font-size: 9px;
font-weight: 700;
letter-spacing: 2.5px;
text-transform: uppercase;
color: #555555;
margin: 0;
}
/* RIGHT SECTION — heading + 2 posts */
#we-truthedit-right {
flex: 1;
display: flex;
flex-direction: column;
}
#we-truthedit-header {
padding: 18px 24px 14px;
border-bottom: 3px solid #000000;
}
#we-truthedit-hashtag {
font-size: 32px;
font-weight: 900;
color: #000000;
margin: 0 0 8px;
letter-spacing: -1px;
font-family: ‘Playfair Display’, Georgia, serif;
}
#we-truthedit-hashtag span {
color: #000000;
}
#we-truthedit-desc {
font-size: 12px;
color: #555555;
margin: 0;
line-height: 1.5;
}
/* 2-column posts row */
#we-truthedit-posts {
display: flex;
flex-direction: row;
flex: 1;
}
.we-truthedit-post {
flex: 1;
display: flex;
flex-direction: column;
border-left: 3px solid #000000;
overflow: hidden;
}
.we-truthedit-post-img {
width: 100%;
aspect-ratio: 16/9;
overflow: hidden;
flex-shrink: 0;
}
.we-truthedit-post-img img {
width: 100%;
height: 100% !important;
object-fit: cover;
display: block;
}
.we-truthedit-post-body {
padding: 14px 18px;
flex: 1;
}
.we-truthedit-post-cat {
display: none;
}
.we-truthedit-post-cat a { color: inherit; text-decoration: none; }
.we-truthedit-post-title {
font-size: 20px;
font-weight: 900;
line-height: 1.35;
color: #000000;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.we-truthedit-post-title a { color: inherit; text-decoration: none; }
.we-truthedit-post-title a:hover { color: #e8829a; }
/* Skeleton */
.we-truthedit-skel {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: we-truthedit-shimmer 1.4s infinite;
border-radius: 2px;
}
@keyframes we-truthedit-shimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
/* Tablet */
@media screen and (max-width: 1023px) {
#we-truthedit-left { flex: 0 0 26%; max-width: 26%; }
#we-truthedit-hashtag { font-size: 18px; }
.we-truthedit-post-title { font-size: 13px; }
}
/* Mobile */
@media screen and (max-width: 767px) {
#we-truthedit-inner { flex-direction: column; }
#we-truthedit-left { flex: none; max-width: 100%; border-right: none; border-bottom: 3px solid #000000; flex-direction: row; align-items: center; min-height: auto; }
#we-truthedit-photo { flex: 0 0 120px; max-width: 120px; height: 120px; }
#we-truthedit-photo img { height: 120px !important; }
#we-truthedit-bio { border-top: none; border-left: 3px solid #000000; text-align: left; }
#we-truthedit-posts { flex-direction: column; }
.we-truthedit-post { border-left: none; border-top: 3px solid #000000; }
}
Tamara Fellner
Founder & Editor-in-Chief
(function() {
var BASE = ‘https://womanedit.com/wp-json/wp/v2/posts’;
var AMP = String.fromCharCode(38);
var CAT = ‘270’;
function getImg(p) {
try {
var emb = p._embedded;
var m = emb ? emb[‘wp:featuredmedia’] : null;
var med = m ? m[0] : null;
var sz = med ? (med.media_details ? med.media_details.sizes : null) : null;
if (sz) {
var s = sz.medium_large ? sz.medium_large.source_url :
(sz.large ? sz.large.source_url :
(sz.medium ? sz.medium.source_url : med.source_url));
return s ? s : (med ? med.source_url : ”);
}
return med ? med.source_url : ”;
} catch(e) { return ”; }
}
function getCat(p) {
try {
var emb = p._embedded;
var cats = emb ? emb[‘wp:term’] : null;
var arr = cats ? cats[0] : null;
if (arr) {
for (var i = 0; i < arr.length; i++) {
if (arr[i].taxonomy === 'category') {
return { name: arr[i].name, link: arr[i].link };
}
}
}
} catch(e) {}
return { name: '', link: '#' };
}
function strip(html) {
try {
var d = document.createElement('div');
d.innerHTML = html;
return d.textContent || d.innerText || '';
} catch(e) { return html; }
}
var url = BASE + '?categories=' + CAT + AMP + 'per_page=2' + AMP + 'orderby=date' + AMP + 'order=desc' + AMP + '_embed=1';
fetch(url).then(function(r) { return r.json(); }).then(function(posts) {
for (var i = 0; i < posts.length; i++) {
var p = posts[i];
var title = strip(p.title.rendered);
var link = p.link;
var img = getImg(p);
var cat = getCat(p);
var el = document.getElementById('we-truthedit-post-' + i);
if (!el) continue;
el.innerHTML =
'
‘ +
(img ? ‘
‘ : ”) +
‘
‘ +
‘
‘ +
(cat.name ? ‘
‘ + cat.name + ‘ ‘ : ”) +
‘
‘ + title + ‘
‘ +
‘
‘;
}
}).catch(function(e) { console.warn(‘TruthEdit fetch error:’, e); });
})();
All Stars Gossip Red Carpet Movies Music TV Shows Streaming Book Club
WomanEdit
Get the latest stories delivered to your inbox. Subscribe now!
-1){window.location.href=’https://womanedit.com/newsletters/?email=’+encodeURIComponent(e);}else{alert(‘Please enter a valid email.’);}}else{alert(‘Please enter a valid email.’);}”>SUBSCRIBE
/* v20260301-realitytv-v2 */
#we-realitytv-section {
max-width: 1120px;
margin: 0 auto 40px;
background: #1e0d24;
font-family: inherit;
overflow: hidden;
}
#we-realitytv-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
background: #2d1a35;
flex-wrap: wrap;
gap: 10px;
}
#we-realitytv-header h2 {
color: #fff;
font-size: 22px;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0;
white-space: nowrap;
}
#we-realitytv-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
#we-realitytv-tags a {
color: #f0c0d8;
font-size: 12px;
font-weight: 600;
text-decoration: none;
padding: 4px 10px;
border: 1px solid rgba(240,192,216,0.4);
border-radius: 20px;
white-space: nowrap;
transition: background 0.2s, color 0.2s;
}
#we-realitytv-tags a:hover { background: #e91e8c; color: #fff; border-color: #e91e8c; }
#we-realitytv-tags a.rtv-all { background: #e91e8c; color: #fff; border-color: #e91e8c; font-weight: 700; }
#we-realitytv-tags a.rtv-all:hover { background: #c4166f; }
#we-realitytv-cards {
display: flex;
flex-direction: row;
gap: 3px;
padding: 3px;
background: #1e0d24;
}
.rtv-card-featured { flex: 0 0 40%; max-width: 40%; display: flex; flex-direction: column; background: #2d1a35; overflow: hidden; }
.rtv-card-sm { flex: 0 0 30%; max-width: 30%; display: flex; flex-direction: column; background: #2d1a35; overflow: hidden; }
.rtv-img-wrap { overflow: hidden; }
.rtv-card-featured .rtv-img-wrap { height: 320px; }
.rtv-card-sm .rtv-img-wrap { height: 220px; }
.rtv-img-wrap a { display: block; height: 100%; }
.rtv-img-wrap img { width: 100%; height: 100% !important; object-fit: cover; object-position: top center; display: block; }
.rtv-body { padding: 14px 16px 18px; display: flex; flex-direction: column; flex: 1; }
.rtv-badge { display: inline-block; background: #e91e8c; color: #fff; font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 3px 8px; border-radius: 3px; margin-bottom: 10px; align-self: flex-start; text-decoration: none; }
.rtv-title { color: #fff; font-size: 15px; font-weight: 700; line-height: 1.35; margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.rtv-card-featured .rtv-title { font-size: 18px; -webkit-line-clamp: 4; }
.rtv-title a { color: inherit; text-decoration: none; }
.rtv-title a:hover { color: #f0c0d8; }
.rtv-excerpt { color: #c0a0cc; font-size: 13px; line-height: 1.5; margin: 0 0 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; flex: 1; }
.rtv-card-featured .rtv-excerpt { -webkit-line-clamp: 3; }
.rtv-meta { font-size: 11px; color: #9070a0; display: flex; align-items: center; gap: 6px; margin-top: auto; }
.rtv-author { font-weight: 600; color: #b090c0; }
/* Skeleton */
.rtv-skel { background: linear-gradient(90deg,#2d1a35 25%,#3d2a45 50%,#2d1a35 75%); background-size: 200% 100%; animation: rtv-sh 1.5s infinite; border-radius: 3px; }
@keyframes rtv-sh { 0%{background-position:200% 0} 100%{background-position:-200% 0} }
@media screen and (max-width: 1023px) {
#we-realitytv-header h2 { font-size: 18px; }
.rtv-card-featured .rtv-img-wrap { height: 260px; }
.rtv-card-sm .rtv-img-wrap { height: 180px; }
.rtv-card-featured .rtv-title { font-size: 16px; }
.rtv-title { font-size: 13px; }
}
@media screen and (max-width: 767px) {
#we-realitytv-header { flex-direction: column; align-items: flex-start; }
#we-realitytv-cards { flex-direction: column; }
.rtv-card-featured, .rtv-card-sm { flex: none; max-width: 100%; width: 100%; }
.rtv-card-featured .rtv-img-wrap { height: 240px; }
.rtv-card-sm .rtv-img-wrap { height: 200px; }
}
(function() {
var BASE = ‘/wp-json/wp/v2/posts’;
var AMP = String.fromCharCode(38);
var CATS = ‘1000’;
var url = BASE + ‘?categories=’ + CATS + AMP + ‘per_page=3’ + AMP + ‘offset=0’ + AMP + ‘_embed=1’ + AMP + ‘_t=’ + Date.now();
function timeAgo(d) {
var s = Math.floor((Date.now() – new Date(d)) / 1000);
if (s < 3600) return Math.floor(s/60) + 'm ago';
if (s < 86400) return Math.floor(s/3600) + 'h ago';
return Math.floor(s/86400) + 'd ago';
}
function getImg(p) {
try {
var m = p._embedded['wp:featuredmedia'][0];
var sz = m.media_details ? m.media_details.sizes : null;
return sz ? (sz.large || sz.medium_large || sz.full || {source_url: m.source_url}).source_url : m.source_url;
} catch(e) { return ''; }
}
function getAuthor(p) {
try { return p._embedded.author[0].name; } catch(e) { return ''; }
}
function getBadge(p) {
try {
var terms = p._embedded['wp:term'];
for (var i=0;i<terms.length;i++) {
for (var j=0;j<terms[i].length;j++) {
if (terms[i][j].taxonomy === 'post_tag') return terms[i][j].name;
}
}
} catch(e) {}
return 'Reality TV';
}
fetch(url)
.then(function(r) { return r.json(); })
.then(function(posts) {
if (!posts || !posts.length) return;
for (var i = 0; i < Math.min(posts.length, 3); i++) {
var p = posts[i];
var title = p.title.rendered;
var link = p.link;
var img = getImg(p);
var author = getAuthor(p);
var badge = getBadge(p);
var ago = timeAgo(p.date);
var exc = p.excerpt ? p.excerpt.rendered.replace(/]+>/g,”).replace(/…/g,’…’).trim() : ”;
if (exc.length > 160) exc = exc.substring(0,160) + ‘…’;
var imgEl = document.getElementById(‘we-rtv-img-‘ + i);
if (imgEl) {
imgEl.classList.remove(‘rtv-skel’);
imgEl.innerHTML = img
? ‘
‘
: ‘
‘;
}
var badgeEl = document.getElementById(‘we-rtv-badge-‘ + i);
if (badgeEl) badgeEl.textContent = badge;
var titleEl = document.getElementById(‘we-rtv-title-‘ + i);
if (titleEl) titleEl.innerHTML = ‘
‘ + title + ‘ ‘;
var excEl = document.getElementById(‘we-rtv-excerpt-‘ + i);
if (excEl) excEl.textContent = exc;
var metaEl = document.getElementById(‘we-rtv-meta-‘ + i);
if (metaEl) metaEl.innerHTML = (author ? ‘
‘ + author + ‘ · ‘ : ”) + ‘
‘ + ago + ‘ ‘;
}
})
.catch(function(e) { console.warn(‘we-realitytv error:’, e); });
})();
All Designer & Runway Trends Celebrity Style
WomanEdit
Get the latest stories delivered to your inbox. Subscribe now!
-1){window.location.href=’https://womanedit.com/newsletters/?email=’+encodeURIComponent(e);}else{alert(‘Please enter a valid email.’);}}else{alert(‘Please enter a valid email.’);}”>SUBSCRIBE
/* v20260304-celebrity-style-v1 */
#we-celebrity-style-section {
max-width: 1120px;
margin: 0 auto 40px;
font-family: inherit;
}
#we-cs-header {
display: flex;
align-items: center;
justify-content: space-between;
background: #0f0e17;
padding: 14px 20px;
margin-bottom: 0;
}
#we-cs-header h2 {
color: #fff;
font-size: 20px;
font-weight: 900;
letter-spacing: 3px;
text-transform: uppercase;
margin: 0;
}
#we-cs-header a.we-cs-see-all {
color: #e91e8c;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
}
#we-cs-header a.we-cs-see-all:hover { color: #fff; }
#we-cs-body {
display: flex;
gap: 0;
background: #fff;
border: 1px solid #e8e8e8;
border-top: none;
min-height: 420px;
}
#we-cs-img-wrap {
flex: 0 0 340px;
max-width: 340px;
overflow: hidden;
background: #1a1a1a;
position: relative;
}
#we-cs-img-wrap.we-cs-skel {
background: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%);
background-size: 200% 100%;
animation: we-cs-shimmer 1.4s infinite;
}
@keyframes we-cs-shimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
#we-cs-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
display: block;
}
#we-cs-content {
flex: 1;
padding: 32px 36px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
}
#we-cs-cat {
font-size: 11px;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
color: #e91e8c;
display: inline-block;
}
#we-cs-cat.we-cs-skel {
background: #e8e8e8;
color: transparent;
width: 100px;
height: 14px;
border-radius: 3px;
}
#we-cs-title {
font-size: 28px;
font-weight: 900;
line-height: 1.25;
color: #0f0e17;
margin: 0;
}
#we-cs-title.we-cs-skel {
background: #e8e8e8;
color: transparent;
height: 80px;
border-radius: 3px;
}
#we-cs-excerpt {
font-size: 15px;
line-height: 1.6;
color: #444;
margin: 0;
}
#we-cs-excerpt.we-cs-skel {
background: #e8e8e8;
color: transparent;
height: 60px;
border-radius: 3px;
}
#we-cs-btn {
display: inline-block;
background: #e91e8c;
color: #fff;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
padding: 12px 28px;
border-radius: 2px;
align-self: flex-start;
transition: background 0.2s;
}
#we-cs-btn:hover { background: #c4166f; }
#we-cs-btn.we-cs-skel {
background: #e8e8e8;
color: transparent;
width: 200px;
height: 42px;
pointer-events: none;
}
@media (max-width: 767px) {
#we-cs-body { flex-direction: column; }
#we-cs-img-wrap { flex: none; max-width: 100%; height: 280px; }
#we-cs-content { padding: 20px; }
#we-cs-title { font-size: 22px; }
}
(function() {
var AMP = String.fromCharCode(38);
var CAT = ‘299’;
var BASE = ‘/wp-json/wp/v2/posts’;
var url = BASE + ‘?categories=’ + CAT + AMP + ‘per_page=1’ + AMP + ‘_embed=1’ + AMP + ‘_t=’ + Date.now();
function getImg(p) {
try {
var m = p._embedded[‘wp:featuredmedia’][0];
var sz = m.media_details ? m.media_details.sizes : null;
return sz ? (sz.large || sz.medium_large || sz.full || {source_url: m.source_url}).source_url : m.source_url;
} catch(e) { return ”; }
}
function getCat(p) {
try {
var terms = p._embedded[‘wp:term’];
for (var i = 0; i < terms.length; i++) {
for (var j = 0; j < terms[i].length; j++) {
var t = terms[i][j];
if (t.taxonomy !== 'category') { continue; }
if (t.name === 'Uncategorized') { continue; }
return t.name;
}
}
} catch(e) {}
return 'Celebrity Style';
}
function applyCS(posts) {
if (!posts) { return; }
if (!posts.length) { return; }
var p = posts[0];
var title = p.title.rendered;
var link = p.link;
var img = getImg(p);
var cat = getCat(p);
var rawExc = p.excerpt ? p.excerpt.rendered : '';
var exc = rawExc.replace(/]+>/g, ”).replace(/…/g, ‘…’).trim();
if (exc.length > 220) { exc = exc.substring(0, 220) + ‘…’; }
var imgWrap = document.getElementById(‘we-cs-img-wrap’);
if (imgWrap) {
imgWrap.classList.remove(‘we-cs-skel’);
if (img) {
var ia = document.createElement(‘a’);
ia.href = link;
var im = document.createElement(‘img’);
im.decoding = ‘async’;
im.src = img;
im.alt = title;
im.loading = ‘lazy’;
ia.appendChild(im);
imgWrap.innerHTML = ”;
imgWrap.appendChild(ia);
} else {
imgWrap.style.background = ‘#1a1a1a’;
}
}
var catEl = document.getElementById(‘we-cs-cat’);
if (catEl) { catEl.classList.remove(‘we-cs-skel’); catEl.textContent = cat; }
var titleEl = document.getElementById(‘we-cs-title’);
if (titleEl) {
titleEl.classList.remove(‘we-cs-skel’);
var ta = document.createElement(‘a’);
ta.href = link;
ta.style.color = ‘inherit’;
ta.style.textDecoration = ‘none’;
ta.innerHTML = title;
titleEl.innerHTML = ”;
titleEl.appendChild(ta);
}
var excEl = document.getElementById(‘we-cs-excerpt’);
if (excEl) { excEl.classList.remove(‘we-cs-skel’); excEl.textContent = exc; }
var btnEl = document.getElementById(‘we-cs-btn’);
if (btnEl) { btnEl.classList.remove(‘we-cs-skel’); btnEl.href = link; }
}
function runFetch() {
fetch(url)
.then(function(r) { return r.json(); })
.then(applyCS)
.catch(function(e) { console.warn(‘we-celebrity-style error:’, e.message); });
}
if (document.readyState === ‘loading’) {
document.addEventListener(‘DOMContentLoaded’, runFetch);
} else {
runFetch();
}
})();
All Make up Skin Hair Nails
WomanEdit
Get the latest stories delivered to your inbox. Subscribe now!
-1){window.location.href=’https://womanedit.com/newsletters/?email=’+encodeURIComponent(e);}else{alert(‘Please enter a valid email.’);}}else{alert(‘Please enter a valid email.’);}”>SUBSCRIBE
All Diet & Fitness Family & Kids Health Life coaching Mental wellness Love & Relationship
WomanEdit
Get the latest stories delivered to your inbox. Subscribe now!
-1){window.location.href=’https://womanedit.com/newsletters/?email=’+encodeURIComponent(e);}else{alert(‘Please enter a valid email.’);}}else{alert(‘Please enter a valid email.’);}”>SUBSCRIBE
All DIY & Hacks Environment Food & Drinks Home & Garden Money & Business Travel Tech & Gadgets
WomanEdit
Get the latest stories delivered to your inbox. Subscribe now!
-1){window.location.href=’https://womanedit.com/newsletters/?email=’+encodeURIComponent(e);}else{alert(‘Please enter a valid email.’);}}else{alert(‘Please enter a valid email.’);}”>SUBSCRIBE
All Fish & Seafood Meat Pasta Drinks Sweets Vegan Vegetarian
WomanEdit
Get the latest stories delivered to your inbox. Subscribe now!
-1){window.location.href=’https://womanedit.com/newsletters/?email=’+encodeURIComponent(e);}else{alert(‘Please enter a valid email.’);}}else{alert(‘Please enter a valid email.’);}”>SUBSCRIBE
/* Skeleton animation */
.we-skel {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: we-skel-shimmer 1.4s infinite;
border-radius: 4px;
}
@keyframes we-skel-shimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
/* Section header row with MORE link */
.we-section-header-row {
display: flex;
align-items: baseline;
justify-content: space-between;
border-bottom: 3px solid #1a1a1a;
padding-bottom: 6px;
margin: 0 0 16px 0;
}
.we-section-header-row .we-section-heading {
border-bottom: none;
padding-bottom: 0;
margin: 0;
}
.we-more-link {
font-size: 13px;
font-weight: 700;
color: #e91e8c;
text-decoration: none;
letter-spacing: 0.5px;
white-space: nowrap;
}
.we-more-link:hover { color: #c4146e; }
/* Pill buttons */
.we-pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 16px;
}
.we-pill {
background: #f5f5f5;
border: 1px solid #ddd;
border-radius: 20px;
padding: 5px 14px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
color: #333;
}
.we-pill:hover { background: #e91e8c; color: #fff; border-color: #e91e8c; }
.we-pill.active { background: #e91e8c; color: #fff; border-color: #e91e8c; }
(function() {
var BASE = ‘/wp-json/wp/v2/posts’;
var AMP = String.fromCharCode(38);
function getImg(post) {
try {
var m = post._embedded[‘wp:featuredmedia’];
var m0 = m ? m[0] : null;
if (m0) {
var s = m0.media_details ? m0.media_details.sizes : null;
if (s) {
var pick = s.large ? s.large : (s.medium_large ? s.medium_large : (s.medium ? s.medium : (s.full ? s.full : null)));
return pick ? pick.source_url : m0.source_url;
}
return m0.source_url;
}
} catch(e) {}
return ”;
}
function getCat(post) {
try {
var terms = post._embedded[‘wp:term’];
var cats = terms ? terms[0] : null;
if (cats) {
for (var i = 0; i 160) text = text.substring(0, 160) + ‘…’;
return text;
}
function clearSkel(el) {
if (!el) return;
var skels = el.querySelectorAll(‘.we-skel’);
for (var i = 0; i < skels.length; i++) {
skels[i].classList.remove('we-skel');
skels[i].style.background = '';
skels[i].style.animation = '';
}
}
function renderSection(sid, posts) {
if (!posts.length) return;
var hero = posts[0];
var heroImg = document.getElementById('we-' + sid + '-hero-img');
var heroCat = document.getElementById('we-' + sid + '-hero-cat');
var heroTitle = document.getElementById('we-' + sid + '-hero-title');
var heroExcerpt = document.getElementById('we-' + sid + '-hero-excerpt');
if (heroImg) {
var img = getImg(hero);
if (img) {
heroImg.innerHTML = '
‘;
}
clearSkel(heroImg);
}
if (heroCat) {
var cat = getCat(hero);
heroCat.textContent = cat.name;
clearSkel(heroCat);
}
if (heroTitle) {
heroTitle.innerHTML = ‘
‘ + hero.title.rendered + ‘ ‘;
clearSkel(heroTitle);
}
if (heroExcerpt) {
heroExcerpt.textContent = getExcerpt(hero);
clearSkel(heroExcerpt);
}
for (var i = 0; i < 3; i++) {
var card = document.getElementById('we-' + sid + '-card-' + i);
if (!card) continue;
var p = posts[i + 1];
if (!p) { card.style.display = 'none'; continue; }
var pImg = getImg(p);
var pCat = getCat(p);
var imgDiv = card.querySelector('.we-card-img');
var catSpan = card.querySelector('.we-card-cat');
var titleH4 = card.querySelector('.we-card-title');
if (imgDiv) {
if (pImg) {
imgDiv.innerHTML = '
‘;
}
clearSkel(imgDiv);
}
if (catSpan) {
catSpan.textContent = pCat.name;
clearSkel(catSpan);
}
if (titleH4) {
titleH4.innerHTML = ‘
‘ + p.title.rendered + ‘ ‘;
clearSkel(titleH4);
}
}
}
var sectionReqId = {};
function fetchSection(sid, catIds) {
sectionReqId[sid] = (sectionReqId[sid] || 0) + 1;
var myReqId = sectionReqId[sid];
var url = BASE + ‘?categories=’ + catIds + AMP + ‘per_page=4’ + AMP + ‘_embed=1’ + AMP + ‘_t=’ + Date.now();
fetch(url)
.then(function(r) { return r.json(); })
.then(function(posts) {
if (sectionReqId[sid] !== myReqId) return; renderSection(sid, posts); })
.catch(function(e) { console.warn(‘we-‘ + sid + ‘ error:’, e); });
}
// All dynamic sections (including Stars & Entertainment)
var sections = document.querySelectorAll(‘.we-section[data-category-ids]’);
for (var s = 0; s < sections.length; s++) {
var el = sections[s];
var sid = el.getAttribute('data-section-id');
var catIds = el.getAttribute('data-category-ids');
if (sid) {
fetchSection(sid, catIds);
}
}
// Pill button filtering
var allPills = document.querySelectorAll('.we-pills');
for (var p = 0; p < allPills.length; p++) {
(function(pillContainer) {
var sectionEl = pillContainer.closest('.we-section');
if (!sectionEl) return;
var sid = sectionEl.getAttribute('data-section-id');
var allCatIds = sectionEl.getAttribute('data-category-ids');
var buttons = pillContainer.querySelectorAll('.we-pill');
for (var b = 0; b < buttons.length; b++) {
buttons[b].addEventListener('click', function(ev) {
var btn = ev.currentTarget;
var filter = btn.getAttribute('data-filter');
var siblings = btn.parentElement.querySelectorAll('.we-pill');
for (var x = 0; x < siblings.length; x++) { siblings[x].classList.remove('active'); }
btn.classList.add('active');
var ids = (filter === 'all') ? allCatIds : filter;
fetchSection(sid, ids);
});
}
})(allPills[p]);
}
})();