Thumbnail Shape - Round or Square

Since upgrading to 7.2 I'm getting negative feedback from members on the round shape of the thumbnails/icons. A lot of people prefer the square shape. Is there a way to change this?

Quote · 30 Nov 2015

Anyone?!

Quote · 4 Dec 2015

Am I alone here?!

Quote · 19 Jan 2016

dol_root/templates/base/css/default.css (line 379)

/* fonts */
.bx-def-thumbnail {
	border-radius: 64px;
	-moz-border-radius: 64px;
	-webkit-border-radius: 64px;	
}

You can comment out the whole declaration or change the radius size to 0px.
This may have undesirable effects in other places, I only tested it on the members box and people page.

Quote · 19 Jan 2016

I'm using other people's computers and can't check my settings, but I changed the above to 5 or 10px with no adverse results anywhere. It certainly looks a whole lot better.

 

See attached image.

thumbs.jpg · 13K · 231 views
Quote · 20 Jan 2016

Boonex likes things that are round, they bounce better.

Geeks, making the world a better place
Quote · 20 Jan 2016

This works great! Thanks so much! Next step... does anyone know how the profile picture can be changed to a square thumbnail (the profile picture that is over the background on the members profile)?

Quote · 1 Feb 2016
templates/base/css/profile_view.css
div.sys-profile-cover-thumbnail {
	position: absolute;

	top: 0px;
	left: 0px;
	width: 198px;
	height: 198px;

	border-width: 1px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.7);
        /* THE FOLLOWING THREE LINES CONTROL CORNERS */
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	background-color: #d8d8d8;

	overflow: hidden;
}

Backup files first.
Clear cache afterwards.

Quote · 1 Feb 2016

Great! Works a charm! Thanks so much. I'm back to being square!

Quote · 6 Feb 2016
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.