grey area group description

By Bruno Falissard on Tuesday, 28 March 2017

Posted in General

Likes 0

Votes 0

Hi,

I am struggling with my web site since a week already regarding how to print my list of group.

For instance I would like to get ride of the grey area bellow : File-1.png
And have this way of printing groups (without any grey area) : File-2.png

Any help?

Thank you

Hi there,

You can do modifications on your css template override on this path /templates/protostar/html/com_easysocial/css/custom.css on css below.



#es .fa-photo::before{

    color: blue !important;

}

#es .fa-users::before {

    color: blue !important;

}

#es .fa-film::before {

    color: blue !important;

}

#es .fa-comments::before {

    color: blue !important;

}

#es .fa-eye::before {

    color: blue !important;

}

Please give it a try and see how it goes

Abdul Warith Norudin

Tuesday, 28 March 2017 18:06

0 Likes

0 Votes

0 Comments

#325299

Hi Abdul Warith,

Thank you for your answer. Unfortunately this does not work !

Here is my css script :



#jsn-header {

  z-index: 601;

  position: relative;

}

.jfbconnect-wrapper {

  text-align: center;

}

.jfbconnect-wrapper .social-login .pull-left {

  float: none !important;

  margin: 0 !important;

}

.jfbconnect-wrapper .social-login .pull-left a {

  display: inline-block !important;

}

.jfbconnect-wrapper .social-login .pull-left a img {

  max-width: 90px !important;

}

.jfbconnect-wrapper .social-login >div {

  display: inline-block !important;

}

[class^="tm-"] div#fd button,

[class^="tm-"] div#fd input,

[class^="tm-"] div#fd textarea {

  -webkit-box-sizing: border-box !important;

  -moz-box-sizing: border-box !important;

  box-sizing: border-box !important;

}

.method-totp .well {

  display: none;

}

.method-totp fieldset legend {

  font-size: 12px;

  font-weight: 700;

}

.method-totp fieldset ul {

  padding: 0;

  margin: 0;

  list-style: none;

}

.method-totp fieldset ul li {

  list-style: none;

}

.method-totp fieldset .span6 {

  width: 100%;

}

.method-totp fieldset .alert-info {

  background: none;

  border: none;

}

.method-totp fieldset .control-group label.control-label {

  width: 20%;

}

.method-totp fieldset .control-group .controls {

  margin-left: 0;

}

.method-totp fieldset .control-group .controls #totpsecuritycode {

  font-size: 12px;

  padding: 5px 10px;

  line-height: 1.5;

  border-radius: 3px;

  height: 30px;

  width: 160px;

}

div#fd .rokpad-editor-wrapper i {

  height: 16px;

  width: 16px;

}

Thank you

Bruno Falissard

Wednesday, 29 March 2017 21:16

0 Likes

0 Votes

0 Comments

#325562

Thanks for sharing, Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.

Arlex Wong

Wednesday, 29 March 2017 23:40

0 Likes

0 Votes

0 Comments

#325609