« Back to the HTML Forum

Blog layouts; how do i change the colour of the box that shows my profile/name/links to my profile

Vince's profile picture

Posted by Vince

posted

Forum: HTML Group

View Topics View Profile

So i basically just took my profile layout and pasted it on my blog to get the same layout. Which worked fine except for that box thing that shows my profile picture, it stayed the same as it was in the base layout and i dont know how to get it to look like it fits

 (if you dont know what i mean my most recent blog has this layout on and you can see the box stick out like a sore thumb.)


Report Topic

1 Reply

Lt. Commander Data's profile picture

Reply by Lt. Commander Data

posted

Hi there 👋 so this is the code you'll want to adjust your blog box.

Add this into your CSS section




/* ===== BLOG ENTRY: BLACK PANEL OVERRIDE ===== */
.article.blog-entry {
background-color: #000 !important;
color: #fff;
padding: 15px;
border-radius: 8px;
}

/* Left author/info column */
.article.blog-entry .col.left {
background-color: #000;
color: #fff;
}

/* Links (green but just change the hex to desired color) */
.article.blog-entry a {
color: #00ff66;
}

.article.blog-entry a:hover {
color: #7dffb0;
}


Permalink Report Reply