By Dean Brandt on Thursday, 10 June 2021
Posted in General Issues
Replies 5
Likes 0
Views 536
Votes 0
Hi guys, trying to edit this string:

<div class="g-list-flex__item" data-ed-post-counter="" data-id="4">0 posts</div>

How do I apply a color to the codeline above?
I have edited the other elements aboce this with something like:

#ed .g-list-flex__item {
color: #2ba3d4:

And that works.

In terms of the grey "folder" icons - can they be recolored or replaced?

Thanks

Dean
Hi there,

Regarding your inquiry,

<div class="g-list-flex__item" data-ed-post-counter="" data-id="4">0 posts</div>
How do I apply a color to the codeline above?


I believe your custom css code should be working just fine. Check out the attached screenshot. You can add these custom css into your template custom css section.

#ed .g-list-flex__item {
color: #2ba3d4:
}


In terms of the grey "folder" icons - can they be recolored or replaced?


Yeah. You can choose a different icon from the backend settings for the category. Go to EasyDiscuss > Categories > (choose category) > General > Avatar .

By the way, it is really helpful if you could provide us any related screenshots of the inquiry so it would be much easier for us to assists in the future.

Thanks.
·
Thursday, 10 June 2021 16:20
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

Regarding your inquiry,
Ok I have the right code in the css already:

#ed .t-d--flex {
background-color: #000000;
}

But here’s the image:

[cid:image001.png@01D75E26.CE350B70]

URL is http://www.xyznetworks.com.au/index.php/about-us/discussions/categories/routing


I've inspected your site and it seems your custom styling is already loaded on your site. Perhaps, some cache on your browser/site. Try to clear them and test them again.

I also can’t find the alternative icons, I followed your instructions.


Go to EasyDiscuss > Categories > (choose category) > General > Avatar . Kindly check the attached screenshot.

Hope this helps.
Thanks.
·
Thursday, 10 June 2021 16:54
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

First of all, it would be easier to manage in the future if you could login to our forums and reply here.

Regarding your inquiry,

I still have an issue with the color of the title as per the image attached


I've inspected your site and I can see that you've added a custom styling to change the category title color. However, your custom css class selector has a lower priority over the EasyDiscuss defined styling. Perhaps, you can add the `!important` tag at the end of your custom styling to enforce it.


#ed .t-text--700 {
color: #2ba3d4 !important;
}


By the way, please do understand that your custom class selector (`#ed .t-text--700`) is too generic and it might have an effect on other instances that using the same selector.

You may also read more:
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
https://css-tricks.com/specifics-on-css-specificity/

. I also followed your instructions and end up at the place in the same image… the category is routing, there is no “avatar” link on that page. URL is http://www.xyznetworks.com.au/index.php/about-us/discussions


Regarding this inquiry, kindly create a separate ticket and please provide us the administrator and FTP access so we can assist you much quicker.

Hope this helps.
Thanks.
·
Thursday, 10 June 2021 18:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi and the !important element made no change. Image attached.
·
Thursday, 10 June 2021 18:26
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

I've inspected your site, it seems like you've placed the `!important` incorrectly. It should not have semi-colon after the color.


#ed .t-text--700 {
color: #2ba3d4 !important;
}


Thanks.
·
Thursday, 10 June 2021 18:36
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post