Forums / Setup & design / CSS: definition of customized border box failed

CSS: definition of customized border box failed

Author Message

Don Ronaldo

Monday 16 February 2009 3:19:22 am

Hi there,

I edited my post slightly to make it more understandable.

Extension used: website interface

Website interface comes with three pre-defined css border-box classes called
* border-box
* box-2
* box-3

Now, I tried to define a custom border-box class called
* customborder-box

Thus, I just copied the css definitions of "border-box" and put them under my customborder-box definitions. This means, I replaced

div.border-box div.border-tl
{background: transparent url(images/box-1-border-tl.gif) no-repeat scroll left top;}

by

div.customborder-box div.border-tl
{background: transparent url(images/box-1-border-tl.gif) no-repeat scroll left top;}

and so on. Plus, in the appropriate template file, I replaced

<div class="border-box">

by

<div class="customborder-box">

That's all I've changed. The border-box div container architecture itself has not been changed at all. Unfortunately, the border background images are not visible when I call the template view of the website frontend. This happens in all website interface installations, so it is not just an unfortunate accident, but rather a general issue? Any hints are highly appreciated. Thanks folks,

Ron.

Don Ronaldo

Tuesday 17 February 2009 5:16:48 am

Problem solved by myself. There are some padding settings for the individual border div containers hidden in other css files, which have not been transfered to the classes-colors.css override file.