Custom css to override core.css in oneui_v2_default

HCL Domino Domino Forum
1

I am stumped here. I am using the oneuiv2 theme, and have added my own custom.css to the application. However, when I create a custom class in custom.css, then assign that class to the td (giving it a border of 1 and such),the lotusui class in the core.css overrides my custom td attributes (border:none).

Any help appreciated.

2

Subject: Add .lotusui

Hi,

The oneui uses the lotusui style on the body element.

The styles defined as for example “.lotusui a { color: red; }” will overwrite the style “a { color: blue; }” even when the second style will be included later in the source. The “.lotusui” style is more specific and therefore used.

try adding “.lotusui” in front of your styles.

If even this does not work, then add “!important” behind the style.

“.lotusui a { color: red !important; }”.

I hope this information will help you further =)

Stijn

3

Subject: but when i override lotusui

Thanks. I see that I can override the lotusui td parameters if I define .lotusui td { border: 1px; }in my custom.css. Then all td’s have a border. Unfortunately, I do not want all of my td’s to have a border…just a few tables. Maybe I am missing something easy…but I thought I would be able to define .myCustomTable { border: 1px;} in the custom.css and then place that style on my table and it would work.

4

Subject: myCustomTable

Hi,

If you can add custom styles to the html table, then ofcourse you can do something like:

.lotusui .myCustomTable td { border: 1px }

else you should use a tool like firebug to find elements around your table which makes it unique.

you could for example use the .lotusTitleBar or .lotusSearchBar to select the table elements inside those div elements.

Stijn

5

Subject: working now, my error, overriding lotusui

I’m a goof. I was just misapplying the style. Since my style was for table and cell attributes, I should have tied it to the xpages table,not individual TDs. Works great, thanks for the help

6

Subject: Have a look at Themes

Have you checked if there’s something in the theme definition that overrides your css file ?

7

Subject: Search the web for Dec’s XPages Tutorial…

  • He goes over all this stuff and it works a treat. Ha! I do have a bookmark, for a change:

http://www.qtzar.com/blogs/qtzar.nsf/archive?openview&type=Category&key=XPages

Hope this helps…