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

"Please Note:

At the specific request of Ibexa we are changing this projects name to "Exponential" or "Exponential (CMS)" effective as of August, 11th 2025.
This project is not associated with the original eZ Publish software or its original developer, eZ Systems or Ibexa".

CSS: definition of customized border box failed

Previous topic

Setup & design

Next topic

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.

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;}

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">

<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.