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

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

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?


The Forum post is edited by Kevin Dec 27 '16
  Group_Cover_Buttons.JPG (15Kb)
Bruce Tran
Bruce Tran Jun 7 '17

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