Oasis Technology Solutions

I am incredibly lost as to figuring out how to create a new CSS class. I have been trying for hours with no luck. I am thoroughly confused as to just about everything! All I want to be able to do is change the "art-no style" suffix from an artisteer template to where the bullets do not show up. I am soo confused though as to how I do this...I know this is vague...but can anyone help??? I have read the adobe file on the site and have tried trial and error SEVERAL times

Post or email me the link to your site indicating the module / area which you want to change. I need to have a look at the CSS.

Creating the class is actually easy with the component; hard part is to figure out how to apply it to the template. I hope to answer you in the forum instead of by mail, so that it can be helpful to others.

Is this resolved ? I haven't received a mail.

Thank you for your response! Sorry. Been off for a few days. I would LOVE help with this.

My site is www.carlcederlaw.com.

I am just trying to create multiple styles within my template.

An example would be the tab module on the low left side of my frontpage.

There is a weird bullet. This style is the "article" style. I don't want that bullet there. I would like there to be no style at all...and was hoping to create this...with some additional effects...with extension.

Make sense?

Do I need to change something in the actual template CSS file?

You don't need to change anything in the CSS file; in your template index.php file just above the you need to add

However, I'm afraid at present, list types (bullets) are not supported; I've added this in to-do list. I'll work on this coming thursday; you can expect an update on next monday. In the mean time, let me know if your work is held up because of this; I'll tell you what to hack (please understand it will be experimentation, so it may not work immediately at first try).

Well...the whole point is I do not want a bullet in the CSS style...make sense? So I put what you wrote in my index file...and what is the module suffix to use?

1) Please download version 1.1 of easy class suffixes, which has support added for lists (or bullets)
2) Add a category. In my case, I've added and named it 'Anything', so that the category alias is 'anything'.
3) You want to remove the bullets, which are called 'unordered list' i.e 'ul' (ordered list i.e 'ol' is usually numerical). You now need to find out the class which is associated with the 'ul'. In your case, the class seems to be 'moduletable'.

3) Make sure that the configuration ('Defining CSS Class Name' and 'Defining List Styles') is as per the images. In the 'CSS Created' part, it shows 'anyting' as that is the category alias that I used; it will depend on what category name you use.



4) Apply the suffix according to what comes in 'What to add in Page Class Suffix or Module Class Suffix to apply this style ?'

Let me know if it worked.

Just out of curiosity...I know pretty modules is...but does the Easy Class Suffix component work with Artisteer? Or no? And when you said edit the moduletable...do you mean in the template css file?

but does the Easy Class Suffix component work with Artisteer? ECS is independent of the template CSS. I'm sorry this is being difficult; may be I've been unable to express properly. ECS generates a CSS class; this class can be applied to any layout. Joomla's way of applying template class overrides is by 'Class Suffixes' i.e Module Class Suffix (for modules) and Article Class Suffix (for article layouts), hence the name of the component. I've used the method described above to remove bullets from a menu. For common type of formatting (like font size, color, background) you simply need to create a class and add it as a suffix with a leading space; in your case since bullets had to be removed, I thought it might be necessary to identify the class associated with it. Method described above i.e 'Suffix With Space' does not require identifying the class. If the described method does not work for you, I was about to suggest the same settings as in the images but with the selected option as 'Suffix Without Space', hence I attached the image, which is a snapshop of Firefox extension called Firebug in action.

And when you said edit the moduletable...do you mean in the template css fileI didn't say edit the moduletable, 'moduletable' is just the identified class associated with the bullets. This image has been attached so that it is clear how I identified this class; you can click on the images to see them bigger.

I have this working well with artisteer templates now, finally figured it out. It is simply a breeze now to change the modules and content css. I have only used it to change everything but the font style. I haven't had time yet do that.


TWO POINTS TO CORRECT

1.
The file i purchased had to be re-compressed as a zip, that needs to be changed to make install easier, simple fix.

2.
I am getting two css validation issues from the line of code in the index.php file. Please double check what the code should be. My site was validating fine before i added this. Only 2 errors but two to many in my opinion. I have posted a reply in the longest running thread on there about css issues on the Artisteer site.

This is simply the best solution to all artisteer css issues.

Thanks for a great component, i am recommending it.

Change 'STYLE' to 'style' (convert it to lowercase). This should remove the validation error. Revert if it doesn't.

I have tried to change the STYLE to style, creates actually more errors.

This Site (link removed as it was temporary demo) makes use of ECS to style Latest News and Popular modules, and also validates.

Could you reconfirm if it is not something else which is giving validation error ? I won't be able to know further unless I have either your template or a link to your site.

Hi there,

Thanks for the fast response i have sent you an email.

Thanks