Solved

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

Posted on 2010-09-12
7
968 Views
Last Modified: 2012-05-10
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
Comment
Question by:colonelblue
  • 4
  • 2
7 Comments
 
LVL 24

Expert Comment

by:lenamtl
ID: 33658499
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
 

Author Comment

by:colonelblue
ID: 33658816
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
 
LVL 24

Accepted Solution

by:
lenamtl earned 250 total points
ID: 33659029
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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

Author Comment

by:colonelblue
ID: 33659219
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
 
LVL 13

Assisted Solution

by:StormITSolutions
StormITSolutions earned 250 total points
ID: 33660248
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
 
LVL 24

Expert Comment

by:lenamtl
ID: 33661210
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
 
LVL 24

Expert Comment

by:lenamtl
ID: 33661235
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

932 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now