Customizing sidebar

[fatcatgraphics]

Hey! Customizing the side bar is something Im new to. Ive been playing around with it all day. Not as easy as cornerstone. Im trying to copy the sidebar of this: https://nylon.com/articles/eric-trump-ellen-degeneres-conspiracy-theory-twitter. Where you see Ellen Degeneres in a rectangle with text to the side. But no matter what I do it looks like this: https://palilastudio.com/blog/. Do you have any tips?

Your support is always so helpful to me, as Im able to learn so much and come back less to pester you guys! I appreciate it. Also the more I can figure out to do with Xtheme, the less I feel the need to work with any other theme!

Thanks
Rena

[friech]

Hi Rena,

Thank you for writing in, please add the following custom CSS to Theme Options > CSS

/*respond to 100% width of the sidebar*/
.radar.media {
	max-width: 100%;
}

/*thumbnail image and text div width*/
.media-left,
.media-content {
	width: 50%;
}

/*text font-size*/
.media-content {
	font-size: smaller;
}

/*thumbnail image margin*/
.media-left .image,
.media-left .image img {
	margin: 0 10px 0 0;
	height: 100%;
}

Please read the comments to know which CSS block is for which div/element.

Hope it helps,
Cheers!

[fatcatgraphics]

Thank you! Looks great. Just one more thing, how do I change the underline color on hover? Currently when I hover, the underline stays black. I tried

.media-content:hover {
text-decoration: underline;
text-decoration-color:red;

}
But it stays black.

https://palilastudio.com/blog/

[jade]

Hi there,

I have just tried to check the sidebar and the underline color for hover is already red.

Please try to clear your browser cache.