Different design in different themes

Permalink
I am makimng two websites at the moment. I bought the Dojo Page List Pro for one of them and liked it enough to see if it would work on the other as well. I have a few issues with this site.

1. The description text does not stay within the thumb area.

2. The custom font size and font color for the thumb is overridden by the main.css for the theme.

This is not happening in the other theme (using Bootstrap).
WHY? I do cannot see where the problem is.

URLs: the working one:http://cellista.no/site2/prosjekter...

The none working one:http://butoh.no/c5/prosjekter-2...

djoniba
 
Steevb replied on at Permalink Reply
Steevb
Second link doesn't work.
djoniba replied on at Permalink Reply
djoniba
Sorry. Took it from memory. I have not turned on pretty URL, so the index file is part of the address:http://www.butoh.no/c5/index.php/prosjekter-2/...

The problem is as I said that in the first site the styles defined inside the dojo addons view.css file overrides the bootstrap.css file (as it should).

The other site uses the .red theme that is using another framework (http://www.getskeleton.com/). Here I set margins and font color for the paragraph text inside the dodo view.css file. The margin-left and margin-right works, but font color is not overriding the main.css file.

Also, the red overlay stick out about 2 px on the right. This I cannot figure out either.

Is it better to move the styles within the Dojo view.css into a custom class inside the main.css file and call that class from design->css in the block?
Steevb replied on at Permalink Reply
Steevb
Try adding '!important' at the end of the font colour style.

The red overlay is right, the image width is under size.
djoniba replied on at Permalink Reply
djoniba
That worked :)

The red layover I cannot figure out. The thumbnail area is defined as 300x300px. The thumbnail is set to output as 300x300px in view.php. There is no with styling on the layover area