We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Get started

Change Group Cover action buttons to look like Change Cover button - Group Cover | Forum

« Back to plugin

« Back to forum topic list

Kevin Dec 22 '16

Depending on the image used for the Group Cover, the buttons such as (Invite,Unfollow and Edit) are very hard to see.

Would like to change their appearance to match the Change Cover (white text on dark button background color) Where in code are they setup? Was not able to find... Is it in gheader.css?

See attached.

===========

Or would it be easier to move the buttons below the header like in the Event Header?

Thanks

The Forum post is edited by Kevin Dec 27 '16

Attachments:

Group_Cover_Buttons.JPG (15Kb)

Bruce Tran Jun 7 '17

Kevin,

You can copy this and paste into the Customize CSS in the Admin area. Any changes to the template CSS will get reset when plugin is updated so don't make changes there.

.uh-avatar {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); margin-top:-80px !important;}
.gh-toolbar-section a {background: rgba(255,255,255,0.6); color:#000;}
.gh-toolbar-section a:hover {background: rgba(255,255,255,0.8); color:#000; border-color:#fff;}
.uh-cover-has-cover .uh-head-text, .uh-cover-has-cover .uh-head-text .uh-display-name {text-shadow: 1px 1px #000;}
.gh-header .uh-display-name {font-size:21px; font-weight:400;}
.gh-header .uh-action-toolbar-wrap .uh-action-toolbar.gh-toolbar-section-member, .gh-header .uh-action-toolbar-wrap .gh-toolbar-section {margin-left:0;}

You do not have permission to reply this topic

Oxwall Software

Please sign in

We build. You grow.

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Change Group Cover action buttons to look like Change Cover button - Group Cover | Forum