Oasis Technology Solutions

OK .. this is really driving me crazy! I'm using an Artisteer template in Joomla 1.5 and trying to apply a class suffix to change the background color in the center content area of the template. According to Firebug, the div class area is named "art-layout-cell art-content".
My problem is my inability to figure out exactly which class I should be using. I have created and applied the color change to my home page but the color is only changing in the title background!

How can I apply this to the entire content area? I'm fully aware that this is a personal problem and not a problem with the component .. but I need help!

Here is the page with the title background color changed:
webdevmedia.com/cms/
I need to apply this color to the entire area displaying as white.

Thanks in advance for you help!

The area you are referring to does not have the possibility of adding a class suffix. This is valid for any template, not just artisteer generated ones.

Your only solution is to replace the template class. In ECS settings,

CSS Class Function : Relace Template Class

Template Class : art-layout-cell art-content

The right part should look like the attached image (the css generated will be different).

Because this class is not governed by a suffix, this style will be applied to all the pages, not just the home page. Please revert after trying.

I also want to change the "article layout" from specific menu items.

The description of Easy Class Suffixes states that it can work with Article Layouts: "Class Suffixes, applied as Module Class Suffix ( to modules ) and Page Class Suffix ( to articles layout )..."

I was expecting to add a suffix to a few specific menu items to modify the styling. From what I am reading on this post, that is not possible without replacing the template class. The problem with that is that it effects the whole website. I do not want that.

I attached a screenshot of the area of the article layout that I would like to modify its styling. Sample page

Is it possible to do this with Easy Class Suffixes?

Yes, it is possible to apply class suffix to menu items for article layout. The area which debc36 was referring to was not a part of article layout but hardcoded in the template.

For example, if I want to change the header background color for this site (the area where 'Oasis Technology Solutions' is written), I cannot do it unless I replace the template class (ECS has this possibility) because the header is not a part of article layout. Hope it is clear.

I have followed the documents and the only way I can get it to work is with the "Replace Template Class". I do NOT want to replace ALL Article layouts CSS. In only want to replace specific article layouts.

Can you look at my last post's screenshot and goto the link and tell me what Template Class, CSS Class Function and any other detailed instructions I would need to get ECS to change the style on ONLY the article layouts I specify? website link

There is no need to select 'Replace Template Class' if you want to change an article layout. Let's go step by step

1) Generate a class. Right now I can't see any class generated from the source of your site. You can create a frontend menu link to ECS in an admin-only menu module just to check if the CSS is generated.
2) While generating a class, select Suffix With Space.
3) While giving a menu link to article layout, add the suffix with a space.

1. I generated a class. I created the ecs menu link. On the front end, the ecs link shows the css from the generated class:

2. I selected Suffix With Space
3. I added " articles" (which is apparently the same as the ecs category)

It does not work for that article layout.


Maybe this will help:
1. If I use Firebug and edit the html for the article area which is <div class="art-article"> to <div class="art-article articles"> then it works exactly how I want.

I observed the image you've highlighted. For a 'normal' template,
- Select Suffix Without Space in CSS class function
- Input 'blog' (without quotes) in Template Class
- Add the suffix to the page layout.

The result will be like this oasissolutions.co.in/joomlademo (temperory demo) - the entire article layout is colored with blue background.

If I use Firebug and edit the html for the article area which is <div class="art-article"> to <div class="art-article articles"> then it works exactly how I want.Unfortunately, Joomla has predifined which classes will take the suffix - meaning that when you apply the page class suffix, it gets appended to some specific classes, and art-article is not one of them. I am attaching snapshot from Joomla! docs section which mentions the names of the classes which will take the page class suffix.

It does not work for that article layout.It is because your template seems to be coded differently. I also cannot see a class called 'blog' in the source, so I doubt if the above method will work for you. If you're using artisteer generated template, they have some specific inherent class suffixes which are supported; you can check their docs. If it is so, I'm afraid your only alternative will be to replace the template class 'art-article', but that will affect all layouts and not just that particular menu.

Please revert if there is still any confusion.

I agree and therefore, the ECS is useless to me. If possible can you credit my paypal account? I will agree to delete the com_easyclasssuffixes.zip file.

It's been done.

Just wanted to update that Artisteer 3 allows adding custom class suffixes, thereby now extending the use of Easy Class Suffixes to Artisteer Generated Templates.