adding extra theme in easydiscuss
By Kenneth Koppervik on Thursday, 09 October 2014
Posted in General Issues
Replies 13
Likes 0
Views 0.9K
Votes 0
easydiscuss loads some basic bootstrapp css that i must remove. Easiest way is removing the lines in style.css.

tried making a html override of the file, but had no sucess.
hey guys,
just to clarify, also in case later on someone will come across the same problem with overrides and find this thread: it IS possible to use your own css file in the html overrides folder, so you can completely use your own set of styles.

but in order for easydiscuss to use them you would need to add an additional style.less next to the style.css file to the folder as well. ( please don't ask who came up with that kind of implementation )

so @kenneth, taking your example with the blank style.css file that you already tested, try to add a blank style.less file to it and you'll see it works just fine.
also to round this up the correct folder path for the css overrides would be html/com_easydiscuss/styles and not /css

hope that helps and have a nice day
Alex
·
Monday, 20 October 2014 21:43
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Kenneth Koppervik,

Sorry for late reply to this,
Can you provide us that style.css file and that file location so we can able to check on this? please advise.
Arlex Wong
·
Friday, 10 October 2014 00:48
·
0 Likes
·
0 Votes
·
0 Comments
·
these files i stored in the html folder under html/com_easydiscuss/

what should i do ? make a new theme in easydiscuss folder?
Kenneth Koppervik
·
Friday, 10 October 2014 01:02
·
0 Likes
·
0 Votes
·
0 Comments
·
these files i stored in the html folder under html/com_easydiscuss/

what should i do ? make a new theme in easydiscuss folder?
Kenneth Koppervik
·
Friday, 10 October 2014 01:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Kenneth Koppervik,

what my suggestion is copy all your customize css code from the style.css/style.failsafe.css then put in your template custom css file or template css file and see how it goes?
Arlex Wong
·
Friday, 10 October 2014 01:23
·
0 Likes
·
0 Votes
·
0 Comments
·
thats not going to solve it im affraid. my template allready loads bootrap css, and when easydiscuss does the same it comes in conflict.

Is there no way to override the style.css file?
Kenneth Koppervik
·
Friday, 10 October 2014 01:26
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Kenneth Koppervik,

Sorry for late reply to this,
Yes, unless you overridden back the style.css itself.
Or do you have try copy your customize CSS code and paste in your template css file and see how it goes?
Arlex Wong
·
Friday, 10 October 2014 12:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Hell Arlex,
I added a blank style.css in html/com_easydiscuss/css/style.css to override the orginal style.css inside the themes folder. But the orginal still loads.

Inside the orginal style.css loads some basic boostrap css, that my template loads as standard. Therefor i must find a way to remove this lines from easydiscuss style.css file in a way that is secure if i have to update the system later on.
Kenneth Koppervik
·
Friday, 10 October 2014 14:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Kenneth Koppervik,

Sorry for late reply to this,
You should do a backup every time before you update latest version of Easydiscuss. Then it will secure about your custom css file.
Arlex Wong
·
Saturday, 11 October 2014 01:42
·
0 Likes
·
0 Votes
·
0 Comments
·
So its not possible to ovverride the style.css file using the html override folder?
Kenneth Koppervik
·
Monday, 20 October 2014 17:32
·
0 Likes
·
0 Votes
·
0 Comments
·
I made a override of the style.css file in the style folder inside the component. And yes, i do backups, but please use #discuss-wrapper as a start identificator on your css from now on or make sure there is a standard way of doing overrides of also Css files.
Kenneth Koppervik
·
Monday, 20 October 2014 18:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Kenneth Koppervik,

Sorry for late reply this,
So its not possible to ovverride the style.css file using the html override folder?

>> Yes, that was not possible to override the style.css file in html folder.

I made a override of the style.css file in the style folder inside the component. And yes, i do backups, but please use #discuss-wrapper as a start identificator on your css from now on or make sure there is a standard way of doing overrides of also Css files.

>> May i know which part of css code are you mentioned which no use #discuss-wrapper ?
Arlex Wong
·
Monday, 20 October 2014 18:46
·
0 Likes
·
0 Votes
·
0 Comments
·
the problem css starts with "div.modal" but should start with "#discuss-wrapper .modal"
that apply to all css without #discuss-wrapper first.
Kenneth Koppervik
·
Monday, 20 October 2014 19:30
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post