By Preston Edwards on Wednesday, 20 November 2013
Posted in Technical Issues
Likes 0
Views 1.3K
Votes 0
Hello,

Seems the Simplistic theme overrides the site template's CSS theme elements, particularly as it relates to font face and size. I don't notice this in the other templates.

What is best practice for overriding the following elements in style.css to allow my site's template to control:

#discuss-wrapper {
font-family: 'Lucida Grande', 'Gisha', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Arial, Verdana, sans-serif;}

Thanks,
Preston
Hello Preston,

Sorry for late reply to this,

Could you mind provide us your backend and FTP access so we can access to your site to check on this issue, and provide some screenshot which part of your font face you would like to change it? Please advise
·
Wednesday, 20 November 2013 11:09
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks, but no need to actually make the fix for me. What I need to do is remove:

#discuss-wrapper {
font-family: 'Lucida Grande', 'Gisha', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Arial, Verdana, sans-serif;}

So that the font family will inherit from my site's template. My question is what is the best way to override this so that my change will remain when I upgrade?
·
Wednesday, 20 November 2013 22:16
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Preston.

You're welcome.
Regarding with your question, you can refer on our template overriding documentation >> http://stackideas.com/docs/easyblog/customizations/template-overriding
Hope this helpful.
·
Thursday, 21 November 2013 00:39
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks, Arlex. I'm comfortable with the override process and how to use it when adding CSS to style.css.

My question is how do I use the override process when I want to remove CSS in the style.css, not add to it?

Again, I'm trying to remove this: #discuss-wrapper {
font-family: 'Lucida Grande', 'Gisha', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Arial, Verdana, sans-serif;}

So that EasyDiscuss inherits font attributes from my site template.
·
Thursday, 21 November 2013 01:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Preston,

I'm Sorry that late reply to this,
Actually you can add this code in your template file, example : now your side is used this template file >>
JoomlaFolder/templates/meet_gavern/css/template.css

div#discuss-wrapper
{
font-family: inherit;
}

So you no need to remove the css code from the theme file. Hope this help.
Please let us know if you need further assistance.
·
Thursday, 21 November 2013 12:16
·
0 Likes
·
0 Votes
·
0 Comments
·
Perfect, Arlex. This is exactly what I was looking for. Thanks so much!
·
Thursday, 21 November 2013 22:39
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Preston,

You're welcome. Thanks for getting back to us that is work prefectly and reporting this issues to us.
We will add this fixes in next release version.
·
Thursday, 21 November 2013 22:50
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Alex

Would like to hang in. I think I have the same problem. The wireframe theme overrides my template css. If I deactivate the "font-family: inherit;" item in the media/com_easydiscuss/themes/wireframe/css/style.min.css the styling is correct again (see attached image).

There is a note in style.min.css saying that this file should not be edited as it is automatically generated. How can I prevent the inherit command? Removing it from style.css doesn't work...

Thank you very much and kind regards, Stefan
·
Saturday, 04 February 2017 04:59
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Stefan,

Do you mean Easydiscuss page header title styling?

If yes, If you check again that css code #ed h1, #ed h2 .. we actually added specific class name with those h1/h2/.. tag so it prevent template override our Easydiscuss h1/h2/.. tag default styling.

If you would like to use back your template h1/h2/.. styling, you have to override it back e.g. :

#ed .ed-head__title h2 {
font-family: yourtemplatestyling !important;
}
·
Saturday, 04 February 2017 11:52
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex (sorry wrote your name wrong in the first place)

Thank you for your reply. It's not just the heading title as you can see in the attached screenshot (sorry to not put a clear screenshot in the last post).

I've deactivated multiple options which all would we correctly backed by the template styling. The template is yootheme PRO and I would rather not override multiple items in a static css file. If I change something in the template I have to alter the css file too. I would like to have a more dynamic approach (if possible).

Is it not just possible to tell ED or the browser to not use those specific css items from ED but those from the template (I think that's not possible, but maybe you know something )...

Thank you and best regards, Stefan
·
Saturday, 04 February 2017 16:00
·
0 Likes
·
0 Votes
·
0 Comments
·
By the way EasyBlog is handling the CSS correct (from my point of view) as there are the titles are in the template font.

Best regards, Stefan
·
Saturday, 04 February 2017 16:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Stefan,

To override the EasyDiscuss font family to same with your template, you will need to re-declare the font family.
e.g.:
Insert css codes below into /templates/yoo_peak/styles/dove-custom/css/custom.css
[gist type="php"]
#ed {
font-family: 'Josefin Sans';
}
[/gist]
·
Monday, 06 February 2017 10:28
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Chang

Okay, thank you. Can you then please take a feature request that your products, especially ED, EB and Komento, should better respect the template styling regarding page header and fonts? Don't know if this is easy to achieve . Maybe a template that just leaves those stylings to the template. Something like a minimalistic theme...

Thank you and kind regards, Stefan
·
Monday, 06 February 2017 13:31
·
0 Likes
·
0 Votes
·
0 Comments
·
Unfortunately if allow template styling override into our extension styling, our extension stylesheet file size will become larger and some part of the styling will get messed up.

It would be best is use custom css to override it back your template styling.
·
Monday, 06 February 2017 16:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex

Okay, thank you for the clarification.

Best regards, Stefan
·
Wednesday, 08 February 2017 13:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

You are most welcome.

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.
·
Wednesday, 08 February 2017 15:43
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post