CSS override to EasySocial menu colour
By ikaelis on Thursday, 12 June 2014
Posted in Technical Issues
Replies 7
Likes 0
Views 862
Votes 0
Hello,

How can I override css for EasySocial?

Ex. I tried below but it does not work.....
Target CSS : more.min.css
Default CSS location :
/components/com_easysocial/themes/wireframe/styles/more.min.css
Override CSS location :
/templates/MY-TEMPLATE/html/com_easysocial/themes/wireframe/styles/more.min.css

I want to change Easysocial menu color.

It is pretty like this post : http://stackideas.com/forums/css-override
Hello ikaelis,

I have tried to access with your FTP access, but i getting this :


Response:	530 Login authentication failed

Error:	Critical error

Error:	Could not connect to server


If I'm not wrong, you should follow my step below and see how it goes.

STEP 1:
Create this file in your template /templates/YOUR_JOOMLA_TEMPLATE/html/com_easysocial/styles/style.css

STEP 2:
Inside the style.css must have 3 @import before override the styling..



@import "/components/com_easysocial/themes/wireframe/styles/base.min.css";

@import "/components/com_easysocial/themes/wireframe/styles/style.min.css";

@import "/components/com_easysocial/themes/wireframe/styles/more.min.css";

/*Easysocial custom styles*/

body div#fd.es .es-stream-meta .es-stream-title {

    font-size: 11px; //put your custom css code here

}
Arlex Wong
·
Friday, 13 June 2014 00:11
·
0 Likes
·
0 Votes
·
0 Comments
·
I have updated the FTP details. The login was wrong.

And i have allready try the to steps like i have said in the other post.
ikaelis
·
Friday, 13 June 2014 01:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello ikaelis,

Hmm, try referring on this style.css file in your site JoomlaFolder/templates/st_tyneo/html/com_easysocial/styles/style.css
i already help you do a sample CSS overridden the Easysocial toolbar to black color. Hope this help.
Arlex Wong
·
Friday, 13 June 2014 01:17
·
0 Likes
·
0 Votes
·
0 Comments
·
THank you Arlex,
It work good now. So i have to add all override line in this file and i import (@import) the style ?
ikaelis
·
Friday, 13 June 2014 01:47
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello ikaelis,

You're welcome, yes, but you have to check which css file is import on the Easysocial page. Because different page got different css loaded.
Arlex Wong
·
Friday, 13 June 2014 01:58
·
0 Likes
·
0 Votes
·
0 Comments
·
I want to change
@import "/components/com_easysocial/themes/wireframe/styles/base.min.css";

@import "/components/com_easysocial/themes/wireframe/styles/style.min.css";

@import "/components/com_easysocial/themes/wireframe/styles/more.min.css";



body div#fd.es .es-stream-content{

    font-size:16px;

}


Not working. Whats wrong?
Jibon Chowdhury
·
Saturday, 27 September 2014 03:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Jibon Chowdhury,

I am really sorry for the delay of this reply as it is a weekend for us here.
I would personally prefer that you start a new thread instead and provide us with your Joomla backend/FTP access so we can better have a look regarding this issues? Please advise.
Arlex Wong
·
Saturday, 27 September 2014 17:48
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post