By Fabian Mendoza on Wednesday, 20 May 2015
Replies 10
Likes 0
Views 1K
Votes 0
Hello

I want to change the color of the bars of easy social, to give them a look not so facebook.. and

Secondly i want to be able to disallow the avatars views in the register page for the visitors. This could be helpfull meanwhile you can have more users registered. and when i decide to show this, how can i resize this avatar to look bigger.

I send you an image that maybe could explain better.

Updateme please

Thanks!!
Thank you christopher!

Great support all you guys are doing.

Best regards
·
Thursday, 21 May 2015 21:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fabian,

To change the color on the Easysocial toolbar, you can apply the following CSS code in your current template css file.



body div#fd.es .es-toolbar .es-toolbar-avatar {
border: 1px solid #EFAA16;
background-image: linear-gradient(to bottom,#EFAA16 0,#EFAA16 100%);
background-repeat: repeat-x;
}

body div#fd.es .es-toolbar .navbar-inner {
border: 1px solid #EFAA16;
background-image: linear-gradient(to bottom,#EFAA16 0,#EFAA16 100%);
box-shadow: inset 0 1px 1px #EFAA16;
}

body div#fd.es .es-toolbar .fd-navbar-search {
background: #EFAA16 !important;
}

body div#fd.es .es-toolbar .fd-navbar-search .search-query {
background: #EFAA16 !important;
}



and the toolbar will look like this http://screen.stackideas.com/aulapro_toolbar.png

To disable the avatars view,

Login to your backend->Themes->Choose your default theme->Registration->Select->Show Users Registered in Profile to No.

http://screen.stackideas.com/aulapro2.png

Hope that helps

Best regards
Chris
·
Wednesday, 20 May 2015 18:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Chris,

1. Do you mean my easysocial template? or my joomla general template.
If is the easy social template, there are several css files. I have selected frosty template right now, but i see many css files and i don´t know where ti put this.

2. Thanks i disallow to Show Users Registered in Profile, but i want to activate this when theres a good number of registered users. How can i make bigger the avatars in this registration view?

Updateme please.

Thanks
·
Wednesday, 20 May 2015 20:50
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Fabian,

1. Do you mean my easysocial template? or my joomla general template.

The template file can be found in your /templates/[your template]/css/template.css . Alternately you can put the code inside the custom.css instead of template.css if the file is present.

How can i make bigger the avatars in this registration view?

You can add the following css code in the template file that I mentioned above to increase the size of avatars.
.body div#fd.es .list-profile .es-avatar.es-avatar-rounded {
height: 80px;
width: 80px;
}


Feel free to adjust the px size of both height and width according to your liking. Hope these help
·
Wednesday, 20 May 2015 23:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Ezrul,

Im sorry but i couldnt find the file in that path.. Im using a rocket theme template and there are several files and im not able to know which one is the right.

Ill give you mi admin access in site details in order that you can please take a look and tellme in which path and in which file i have to add this code. or if you can helpme adding yourself, ill appreciate it. Please tellme the path in order to know whats the file and to make a little changes in the code you kindly prepare for this issue.

Thanks!!
·
Thursday, 21 May 2015 00:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Ezrul,

Can you access to my admin?

Or please tellme where in a template from rockettheme and using gantry i can put this code.

Updateme please.

Thanks!
·
Thursday, 21 May 2015 12:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fabian,

I have load the custom css code in your template,

To access you current template,

Login to your backend->Template Manager->Select rt_fracture - Default->Under the template column click Rt_fracture

http://screen.stackideas.com/customcss_s1.png

You will see this screen here, http://screen.stackideas.com/csscustoms2.png

Once in the Editor Menu->Select html->com_easysocial->css->custom.css

You will see the custom code here http://screen.stackideas.com/csscustom_s3.png

From there you can change the color.

After that you have to clear the cache from your Joomla backend and default template.

To clear the cache on your template
Select rt_fracture - Default->you will be redirected here http://screen.stackideas.com/csscustoms4_001.png. Once you are in this page click the clear cache button.

To clear the Joomla cache
Select->System->Clear Cache->Check all->and Click delete, Please refer to the screenshot.

http://screen.stackideas.com/csscustomS5.png

If you need further assistance, perhaps you can provide us which color you would like to change and your FTP access.

Best regards
Chris
·
Thursday, 21 May 2015 12:29
·
0 Likes
·
0 Votes
·
0 Comments
·
Chris Hi Im sorry.

Ill see that you actually change the colors and thats very good.

But when i try to make tha change to the color that i need it doesn´t allowme...

I cleared both caches form the template and form joomla but looks the same...

Ill take your offer to change the color for me so please if you can helpme with this options ill put in the image,

Thanks so much for your help

Updateme Please.
·
Thursday, 21 May 2015 13:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fabian,

I have change the color for you as requested .

Best regards
Chris
·
Thursday, 21 May 2015 15:22
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome Fabian.
·
Friday, 22 May 2015 10:42
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post