Solved

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

Posted on 2010-09-12
7
991 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 2
7 Comments
 
LVL 25

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 25

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
Independent Software Vendors: 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!

 

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 14

Assisted Solution

by:Allan Nisbet
Allan Nisbet 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 25

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 25

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

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!

Question has a verified solution.

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

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…
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…

690 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