Layout/Themes help

aziza

Joined: 2004-09-13
Posts: 7

Posted: Mon, 2004-09-13 14:27

I just don't seem to find where I should add a white background in this table where the images is located: http://www.underbar.org/Galleri/main.php?g2_view=core:ShowItem&g2_itemId=13

It should be as it is here: http://www.underbar.org/Galleri/main.php

Any help is appreciated!

baschny

Joined: 2003-01-04
Posts: 328

Posted: Mon, 2004-09-13 15:19

aziza, if I understand you correctly, you want the singleImage display also to have a white background just like your albumView has, right?

If you are using the matrix-Theme (which is the default Gallery2-theme), you could try an ugly hack, which is: open the file themes/matrix/styles/theme.css in a text editor and find the following line:

.gsSingleImage { margin: 16px; }

and change that to:

.gsSingleImage {
        padding: 16px;  
        background-color: #fff; } 
}

I call this "ugly hack" because you should not be really modifying the original matrix-theme, instead you should create your own new theme and apply your changes there. But since we are still in a phase where we are changing a lot in our layout/theme framework, you are probably best served with this kind of hack for now. Don't forget to do remember to reapply this change if you upgrade G2.

aziza

Joined: 2004-09-13
Posts: 7

Posted: Mon, 2004-09-13 17:21

Thanks Ernst! However if you look at the page now the white bg isn't covering the whole area..

mindless

Joined: 2004-01-04
Posts: 8601

Posted: Mon, 2004-09-13 18:10

Maybe try gsAlbumContents instead?

aziza

Joined: 2004-09-13
Posts: 7

Posted: Mon, 2004-09-13 18:27

There it was!! ) Thanks!

baschny

Joined: 2003-01-04
Posts: 328

Posted: Mon, 2004-09-13 18:48

What I found out recently was that the Firefox browser (I have been told that Mozilla has this too) has a extention called "DOM Inspector". You browse to your Gallery page and click "Tools", "DOM Inspector". You will then see the structure of your (xhtml-compliant) webpage in a hierarchy. You click on the elements and they are highlighted on the browser's window: a blinking red box around the DIV content! This is very cool to see where exactly in the document is what and be able to know what element to change to get the desired effect.

Just wanted to share this..

thumb

Joined: 2004-05-26
Posts: 238

Posted: Sat, 2004-09-25 00:10

Another great tool, especially for CSS designers, is Chris Pederick's Web Developer extension for Mozilla and Firefox (http://www.chrispederick.com/work/firefox/webdeveloper/). Great CSS editing and debugging tools (Try Information->Display ID and Class Details).

aziza Joined: 2004-09-13 Posts: 7	Posted: Mon, 2004-09-13 14:27
	I just don't seem to find where I should add a white background in this table where the images is located: http://www.underbar.org/Galleri/main.php?g2_view=core:ShowItem&g2_itemId=13 It should be as it is here: http://www.underbar.org/Galleri/main.php Any help is appreciated!
	XUser login Username: * Password: * Create new account Request new password
baschny Joined: 2003-01-04 Posts: 328	Posted: Mon, 2004-09-13 15:19
	aziza, if I understand you correctly, you want the singleImage display also to have a white background just like your albumView has, right? If you are using the matrix-Theme (which is the default Gallery2-theme), you could try an ugly hack, which is: open the file themes/matrix/styles/theme.css in a text editor and find the following line: `.gsSingleImage { margin: 16px; }` and change that to: .gsSingleImage { padding: 16px; background-color: #fff; } } I call this "ugly hack" because you should not be really modifying the original matrix-theme, instead you should create your own new theme and apply your changes there. But since we are still in a phase where we are changing a lot in our layout/theme framework, you are probably best served with this kind of hack for now. Don't forget to do remember to reapply this change if you upgrade G2.

aziza Joined: 2004-09-13 Posts: 7	Posted: Mon, 2004-09-13 17:21
	Thanks Ernst! However if you look at the page now the white bg isn't covering the whole area..

mindless Joined: 2004-01-04 Posts: 8601	Posted: Mon, 2004-09-13 18:10
	Maybe try gsAlbumContents instead?

aziza Joined: 2004-09-13 Posts: 7	Posted: Mon, 2004-09-13 18:27
	There it was!! ) Thanks!

baschny Joined: 2003-01-04 Posts: 328	Posted: Mon, 2004-09-13 18:48
	What I found out recently was that the Firefox browser (I have been told that Mozilla has this too) has a extention called "DOM Inspector". You browse to your Gallery page and click "Tools", "DOM Inspector". You will then see the structure of your (xhtml-compliant) webpage in a hierarchy. You click on the elements and they are highlighted on the browser's window: a blinking red box around the DIV content! This is very cool to see where exactly in the document is what and be able to know what element to change to get the desired effect. Just wanted to share this..

thumb Joined: 2004-05-26 Posts: 238	Posted: Sat, 2004-09-25 00:10
	Another great tool, especially for CSS designers, is Chris Pederick's Web Developer extension for Mozilla and Firefox (http://www.chrispederick.com/work/firefox/webdeveloper/). Great CSS editing and debugging tools (Try Information->Display ID and Class Details).

Layout/Themes help

XUser login