How can I override css for EasySocial?
By masanori oyama on Saturday, 07 June 2014
Posted in General
Replies 18
Likes 0
Views 1.7K
Votes 0
Hi,

I apologize for this non-component issue question.

How can I override css for EasySocial?

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

Sorry for late reply to this,
Can you try this method and see how it goes.

STEP 1:

To override the file /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;

}
Arlex Wong
·
Thursday, 12 June 2014 15:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Masanori,

I am not sure if this is what you want to do but if you want to override all the css codes from EasySocial, please refer to the guide here, http://docs.stackideas.com/administrators/templating/template_overrides
Mark
·
Sunday, 08 June 2014 15:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

Thank you for the advice.
Yeah I think I've done what the manual says but custom css file in templates folder does not work.
Would you please check my test site?
Login information provided.

I'm sorry to cause you trouble.
masanori oyama
·
Monday, 09 June 2014 18:41
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Masanori,

Sorry for the delay of this reply, got a little occupied with some development works today. I tried to connect to the ftp but it isn't working
Mark
·
Wednesday, 11 June 2014 01:25
·
0 Likes
·
0 Votes
·
0 Comments
·
Mark,

Thank you.
I've checked the FTP info....
Please see details attached.
masanori oyama
·
Thursday, 12 June 2014 04:44
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Masanori,

Hm, it looks like you are placing the more.min.css instead of the style.css . You should override the style.css instead
Mark
·
Thursday, 12 June 2014 12:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Mark,

Thank you.
Let me make sure.
We only can override style.css?
How can we make override file for more.min.css?
masanori oyama
·
Thursday, 12 June 2014 12:54
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

I have exactly the same problem, i can't override the theme wireframe.
I have try the Alex's method but it is the same.
ikaelis
·
Thursday, 12 June 2014 22:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Ikaelis,

To be honest with you, there's no way for us to tell you what went wrong unless you could provide us with the access to the site to check on this.
Mark
·
Thursday, 12 June 2014 22:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Mark,

I can give you access. Admin access and ftp access ?
How can give you these access ?
ikaelis
·
Thursday, 12 June 2014 22:41
·
0 Likes
·
0 Votes
·
0 Comments
·
Yep, that's right. You see the "Site Details" tab beneath? You need to click on it
Mark
·
Thursday, 12 June 2014 22:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Ok sorry, i don't have seen.
I gave you the iformations.
ikaelis
·
Thursday, 12 June 2014 23:04
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi All,

Thank you.
The way Arlex advised works on my site.

If this is your official method, I suppose you'd better to explain it on manual page
masanori oyama
·
Thursday, 12 June 2014 23:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello masanori oyama ,

You're welcome, glad to heard your issues resolved.
Yes you're right.
Arlex Wong
·
Thursday, 12 June 2014 23:35
·
0 Likes
·
0 Votes
·
0 Comments
·
hello ikaelis,

it okay
I would personally prefer that you start a new thread instead and explain step by step which part you would like do the customization and do the template overridden. Because I provided that solution is for masanori oyama, but that would be similar with this.
Arlex Wong
·
Thursday, 12 June 2014 23:38
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi All,

Thank you Arlex.
I hope ikaelis will solve this issue.
Also, for future convenience, I'm looking forward to see how does ikaelis solve it.
Go new thread and share the information!
masanori oyama
·
Thursday, 12 June 2014 23:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Ok Arlex,

the new post is there : http://stackideas.com/forums/css-override-1
ikaelis
·
Thursday, 12 June 2014 23:49
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello masanori oyama,

Thanks for heading up

Hello ikaelis ,

I have replied you on that post thread, please have a check.
Arlex Wong
·
Friday, 13 June 2014 00:38
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post