Role Styling Question
By David Frisch on Sunday, 16 August 2015
Posted in Technical Issues
Replies 5
Likes 0
Views 766
Votes 0
Hi, I have a very simple question about the "Role" display in EasyDiscuss.
As you can see in the attached image, the role "Sojugärtner" is not centered and to close to the avatar image.
I'm not an css expert.. I tried to add this to my template.css to overwrite the EasyDiscuss style:
.discuss-user .discuss-role-title.role-success {margin-top: 10px;}

.discuss-user .discuss-role-title {margin-top: 10px;}

but to no effect. If you could let me know the correct code to center the Role Div and set a small margin-top, I'd be really thankful.

David
Hi David,

I've tried the code in my local instance and it's working correctly. Perhaps your css is a little bit different and using a different theme than my easydiscuss but I'm glad that your issue has been resolved so far.
Ezrul Fazwan
·
Tuesday, 18 August 2015 10:37
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi David,

Perhaps you can provide us with your page url so that we can inspect the css element closely?
Ezrul Fazwan
·
Monday, 17 August 2015 11:47
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Ezrul,
the page is only on a local machine right now. But I guess the css element is the same as in any EasyDiscuss forum?

Regards, David
David Frisch
·
Monday, 17 August 2015 16:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi David,

You can try the following css code and see how it goes.
div#discuss-wrapper .discuss-user .discuss-role-title.role-info {

    margin-top: 8px;

}
Ezrul Fazwan
·
Monday, 17 August 2015 16:46
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Ezrul,
that doesn't change it unfortunately.

I changed it directly in the style.css of EasyDiscuss even though that's not an optimal soluation cosinderung updates

div#discuss-wrapper .discuss-user .discuss-role-title.role-success {
background-color: #dbeccd;
color: #41742d;
margin-top: 7px;}

the margin-top: 7px; here changed it to the desired result

David
David Frisch
·
Monday, 17 August 2015 20:00
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post