custom CSS Style for Artisteer art-post

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
9/20/2011 7:21:49 AM
Gravatar
Total Posts 167

custom CSS Style for Artisteer art-post

Hi,

I'm designing a site using Artisteer for the design.

In the design I have applied a shape style to the articles.

However for the first content block on my page I would like to remove this styling.  I can do most of this by setting the Custom CSS Style for that bit of content.

I have created a CSS style .whiteheader and set it in the Custom CSS style and amended the style-artisteer-overides accordingly:

.whiteheader div
{background-color: #ffffff;
  margin: 0 auto;
  padding: 0;
   }
.whiteheader
{background-color: #ffffff;
  margin: 0 auto;
  padding: 0;
   }

The issue is that the artisteer style has also created several classes that create a boarder around the content these are art-post-tl -tr -bl -br etc...

Is there any method where I can remove this border styling from the site. 

I have tried along the lines of 

.whiteheader art-post-tl, .whiteheader art-post-tc, .whiteheader art-post-tr
{
  width: 0px;
  height: 0px;
  }

is it that Custom CSS Style applies to art-post-body and not art-post? or is there a way to resolve this?

 

9/20/2011 10:51:38 AM
Gravatar
Total Posts 2253

Re: custom CSS Style for Artisteer art-post

Hi,

Try using this:

.whiteheader art-post-tl, .whiteheader art-post-tc, .whiteheader art-post-tr
{ display: none; }

9/20/2011 12:01:37 PM
Gravatar
Total Posts 167

Re: custom CSS Style for Artisteer art-post

Joe, thanks for getting back to me.

I tried that and have gone back to firebug to inspect the code.

I think we may be a bit scuppered here by the way Artisteer creates the shape around the content. Looking at the source created below. shows that the Custom CSS style is apply to the content wrapper, however the border shape element are created outside of this at the same level as art-post-body.

<div class="art-post">
<div class="art-post-tl"></div>
<div class="art-post-tr"></div>
<div class="art-post-bl"></div>
<div class="art-post-br"></div>
<div class="art-post-tc"></div>
<div class="art-post-bc"></div>
<div class="art-post-cl"></div>
<div class="art-post-cr"></div>
<div class="art-post-cc"></div>
<div class="art-post-body">
<div id="ctl01_mainContent_ctl00_pnlWrapper" class="art-Post-inner panelwrapper htmlmodule whiteheader">

From that I would gather that the styles we apply to whiteheader can only apply to ctl01_mainContent_ctl00_pnlWrapper within art-post-body and its sub items. I'm far from a CSS guru so would appreciate if you could confirm this or suggest another alternative.

Cheers 

 

You must sign in to post in the forums. This thread is closed to new posts.