• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1007
  • Last Modified:

Is there a sure-fire way to override Artisteer 2.4 styles using the suffix?

Google comes up with a few solutions but some seem like they are for older versions or are outdated.

I included a form page in a site via a php include but the Artisteer template keeps applying its table borders on it. Using the suffix dialog box doesn't do a thing.

Any help would be appreciated.
0
colonelblue
Asked:
colonelblue
  • 4
  • 2
2 Solutions
 
lenamtlCommented:
Yes you can do to this with a suffix for a specific table.
You need to add extra class to your css and add the class name to the specific table.

You can post the new css class and the code of your table so we can take a look.


0
 
colonelblueAuthor Commented:
Hello and thank you. Just a question prior , isn't it so that Artisteer's templates need an overrride since it is very restrictive?
0
 
lenamtlCommented:
No it is not restrictive
The css is well done and use a lot of nesting, so you got to understand how it's work.
I asked Artisteer team if they can produce a document for explaining the css, this will be useful for users.
You can use TopStyle Lite to edit CSS it is free.

What are trying to achieve exactly?
You can always reedit your Artisteer file and regenerate a new template if you want to edit some dimension, color images buttons etc...

Always make a backup first.

I'm not a css pro but I have learn a lot by studying their CSS sheet.

I had similare issue with li image, I was editing the jquery css plugin and even if the style was set to none this image was still there so I realised they put image background for li after that that was easy to set background image to none

So for javascript I edit or create seperate css sheet.
For an element that will be a part of the main css I create new classes at the end of the sheet and I comment all of them.
But when it's become too complicate I prefer to copy the main css and edit it and call it let say style2.css so I switch so some page are using style.css and other using style2.css
This is useful for frontend and backend interface so you keep the same lookandfeel and can adapt the template differently for both section.

I'm using Artisteer for all my projects even simple html template.
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
colonelblueAuthor Commented:
Hello lenamtl.

Thank you again.

All I am trying to do is get the borders that Artisteer is putting on the tables from a PHP page that I included into the page using an extension that embeds PHP.
The problem is the template keeps trying to put a blue border around the form table when I am trying to make it "float" , look seamless like a picture without a border.

I took a snapshot of what I am trying to say is happening and included it in a PDF.

Please let me know what I should do.

Thank you.

EE.pdf
0
 
Allan NisbetOwner at Storm IT Solutions LTDCommented:
Hi

I looked at the php file and if u dont need to use the border on anything else just remove the line

border: 1px solid #BEC8D0;

from the class
You'll find that class defined in the artiseer css file.

Ive used artiseer and removed alot of these items

Now this will solve your immediate problem, now if u do want to use this double border else where write a new specific class

basically copy .art postmetaddataheader one

rename is and assign it as the class to any div you want to use it on

Storm
0
 
lenamtlCommented:
Hi,

Your talking about a form and you are pointing
.art-PostMetaDataHeader which is different from table css (this is the header of your news)

So you should looking for table in the css to find the appropropriate class
but I don't recommand this because it is better to create a new class in the css sheet otherwise it will break the template and add this code to your form

here an example
add the class to your table form
<table class=sort>

and add the code in the css sheet

table.sort {
   border: 0;
  width: 500px;  
}

0
 
lenamtlCommented:
By the way make sure you place the code at the correct place in the Template, don't place your form
between .art-PostMetaDataHeader it is not appropriate
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now