Hello Peter.

can you provide us with joomla backend and FTP access so that we can check on this?

Interested in this answer as well. I would subscribe to the topic if there were a way to do so.

Hello Peter,

There is no way around this unless you apply custom css fixes on the theme file located in /components/com_easydiscuss/themes/simplistic/categories.front.php . You could add a custom class based on the category id by modifying line 21,

<li class="list-item">

To,

<li class="list-item category-<?php echo $category->id;?>">

Mark;

Does this mean I would have to then edit line 30 to

<?php echo $category->id; ?>

since the category is retrieved by "title"?

Izzan; site detials added

Hello Peter,

What my colleague means is you could add the extra class to differentiate your categories and add the custom css for that particular class. For example, when you use the above code, you will get:

<li class="list-item category-13">

so that you can use "category-13" as your custom class in your css file.

.category-13 {

    color: red;

}

This is just for example.

NIk, thanks for the clarification.

Now I'm not entirely familiar with php. I notice that there are only one <li class="list-item"> How would I add four different list-item category classes?

<li class="list-item">

				<div>

					<?php if( $system->config->get( 'main_rss' ) ){ ?>

						<a href="<?php echo $category->getRSSPermalink(); ?>" class="category-rss" rel="ed-tooltip" data-placement="top" data-original-title="<?php echo JText::_( 'COM_EASYDISCUSS_SUBSCRIBE_VIA_RSS' , true );?>">

							<?php echo JText::_( 'COM_EASYDISCUSS_SUBSCRIBE_VIA_RSS' ); ?>

						</a>

					<?php } ?>

					

					<a href="<?php echo DiscussRouter::getCategoryRoute( $category->id );?>" class="category-name fsg fwb">

						<?php echo $category->title; ?>

					</a>



					<span class="small"><?php echo JText::sprintf( 'COM_EASYDISCUSS_ENTRY_COUNT_PLURAL', $category->getPostCount() ); ?></span>

				</div>

			</li>

Hello Peter,

If you notice before the <li class="list-item"> code there is a foreach operation to fetch all category and load it one by one.
http://screen.stackideas.com/2015-02-18_1347.png

Hence when you change <li class="list-item"> with the code that my colleague previously provide it will change all 4 of your categories with each unique class name.

By the way when I accessing your ftp it return me with the following error message.

Response: 530 Login authentication failed
Error: Critical error
Error: Could not connect to server

Hello,

The problem I encounter with this method:

<li class="list-item category-13">

; modifying line 21 at /components/com_easydiscuss/themes/simplistic/categories.front.php

is that it changes all 4 of my categories to become the same list-item. I want to add a unique class to all four of my categories. How do I do this?

See attachment for example.
For example, I'd like

.category-13 to be background color red
.category-8 to be background color black, etc.

I've updated my login credentials.

Thanks so much for your concerted help, I appreciate it!

I also wanted the List-Items css to correspond with the post category toolbar. See attachment. But I was able to figure this out on my own. So for those interested I will explain.

The file to edit is frontpage.post.php

You will need to add a php code to div class="discuss-story-ft"> which is on line 148
Before

<div class="discuss-story-ft">

After

<div class="discuss-story-ft category-item-<?php echo $post->category_id;?>">

The php code is <?php echo $post->category_id;?> which is different than list-item category php code that affects the top category.

If you mantain the same css class "category-item-" your color will be the same as the list-item category.

.category-item-4 {

    background: linear-gradient(to right, rgba(153,0,0,0) 0%,rgba(153,0,0,0) 1%,rgba(153,0,0,0.65) 100%)!important;

}



.category-item-1 {

    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(2,2,0,0) 1%,rgba(188,179,47,0.65) 100%) !important;

}

Hi Peter,

I am sorry for the late reply.
Thanks for updating us back on this issue and I am glad to hear your issue is now fixed. If you have anymore question, please do not hesitate to ask us.

Thanks for sharing and hope you have an awesome day ahead .