By mark.l on Saturday, 11 July 2015
Posted in General Issues
Replies 1
Likes 0
Views 881
Votes 0
I want to make changes to the CSS for several EasyDiscuss modules and the main EasyDiscuss layout. However, there does not seem to be one central custom.css file for these types of changes, like there is with our theme from another company, which means I'm reduced to modifying each style.css for every module individually. That's a lot of work and will probably be overridden at the first update. I've read through many of the custom css posts, but most are bit over my skill level. I need a bit more step-by-step.

Here is any example. In the EasyDiscuss - Categories module, the category avatar displays with a border:

}
div.discuss-mod img.avatar {
border: 1px solid #ccc;
}


I would like the boarder to be 0px throughout all EasyDiscuss modules, not just categories. How do I accomplish that? FYI, I'm using the simplistic theme.
Hi mark.l,

I am really sorry for the delay of this reply as it is a weekend for us here.

Yes, you need to make sure which your current template css file will load on the discussion page, then find the file from your directory folder and apply this following code.


div.discuss-mod img.avatar {
border: 0px !important;
}


STEP 1 : Right click on the page and select "Inspect element"
STEP 2 : Click on the `sources` tab
STEP 3 : Check your current template directory folder and see which css file is get loaded

If still can't make it, perhaps you can provide us with your site detail so that we can better have a look?
·
Saturday, 11 July 2015 11:36
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post