Hi HMED,

If you want to override any styling, you have to use custom css, and style them with values like 'inherit' to inherit the styles from the template.

Quoted from Raymond on Tuesday, 09 August 2022

Hi HMED,

If you want to override any styling, you have to use custom css, and style them with values like 'inherit' to inherit the styles from the template.

thank you !
can you share an example please ?
For font and primary color for example

Hi HMED,

Here is an example. If it does not work, you will have to examine the css elements and use the right classes.

#ed .is-editor-markup {

    font-size: inherit;

}



#ed .o-card {

    color: inherit;

}

Quoted from Raymond on Tuesday, 09 August 2022

Hi HMED,

Here is an example. If it does not work, you will have to examine the css elements and use the right classes.

#ed .is-editor-markup {

    font-size: inherit;

}



#ed .o-card {

    color: inherit;

}

thank you,

I cant change the font it self to follow the joomla body font class, any idea ?

i would suggest that, as other extensions, easydicuss style follow the main joomla template, its huge time consumuing to check all classes and change them to inherit.

Hey HMED,

I cant change the font it self to follow the joomla body font class, any idea ?

Not sure what you mean here. Which part of the font you are trying to change? Font family? Is there a page I where I can see the 'joomla body font class'?

Quoted from Raymond on Tuesday, 09 August 2022

Hey HMED,

I cant change the font it self to follow the joomla body font class, any idea ?

Not sure what you mean here. Which part of the font you are trying to change? Font family? Is there a page I where I can see the 'joomla body font class'?

sorry, yes font family !
check on the home page or blog page

Hey HMED,

You may refer to this doc: http://stackideas.com/docs/easydiscuss/administrators/templating/styling-customization

Font family is similar to the font-size, where you can use the following. You will have to find out what the font family from your template is first.

#ed,

.select2-container--si,

.atwho-container {

  --si-font-family: "my-desired-font-family";

}

Hello, i tried to customize this in css custom file, when the page is loaded it seems that load onece with default little font and after load the correct size, think there is some thing to fix !?

Here what i add in the css :

#ed, .select2-container--si, .atwho-container {

  --si-font-family: inherit;

}



#ed .is-editor-markup {

font-size: inherit;

}

Hey HMED,

What do you mean by load once? Are you still referring to the home page or EasyDiscuss page? I checked your styling and they are already applied.

Hi, its better now, some time when i charge a page it seems that some items styling appear with a style and update in a second (size for example, or allignement), maybe its due to double styling!

Btw, i changed the reply/add new buittons primary color, how to change the hover ? it stay in blue.

Alright HMED. You can add :hover and :focus at the end of the styling to define the hover and focus states.