[solved]Which CSS classes are used for items view?

[Nukem36]

High Jan!

like other's i'm not able to changes the frontend colors of the guestbook (Background Color, Border Color). The settings are ok ( in the menu -> component settings) but do not change the colors at all. All items are formatted in a light blue (rgb(200, 223, 249)). This seems to be a fallback-color, maybe of the browser. It seems that my template is missing a CSS class that phoca guestbook uses for formatting which are "normaly" defined in good templates. Unfortunatly I was not able to find these in the view's coding (maybe blind... ).

Reading other postings I got the impression it would be best to ask you for the classes used by the guestbook, to be able to add these classes to a template. I think this could be usefull for others too...

I had a look at that with WebDevelopper for Firefox.Here as information the CSS-Parameters of the titel what WebDev spitted out:

Code: Select all

Attributes:style = margin: 2px; padding: 8px; background: rgb(200, 223, 249) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(0, 0, 0);

Parentclasses:
    html
    body #page_bg .color_black bg_white width_fmax
    div .center
    div #wrapper
    div #area
    div #maincolumn
    table .nopad
    tbody
    div

All the moz-.... settings seem to be added by FF, cause they're missing in the CSS!?

Thanks for your hints!

Regards
Nukem36

[caro84g]

Hi Nukem,

to inspect CSS I always use Firebug. I can choose inspect and then the CSS which applies to that item is displayed. I highly recommend this FF addon.

Regards, Carolien

[Nukem36]

High Carolien!

a greate hint from your side! Thanks! Firebug makes analysis much earsier, where to find the right place in css. Unfortunatly here I just see, that there is something missing in css, cause firebug shows the following:

Code: Select all

element.style {
background-attachment:scroll;
background-color:#C8DFF9;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:#000000;
margin-bottom:2px;
margin-left:2px;
margin-right:2px;
margin-top:2px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
padding-top:8px;
}
h4 {template.css (Linie 372)
color:#333333;
font-family:Arial,Helvetica,sans-serif;
........
}

The background-color:#C8DFF9; is the place to change. It's fantastic in firebug to change such css statements online and to see what's happening!

Cause there's no reference to the template.css , this indicates to me that there is something missing in the css. When I could know, which class to add/define, I could easily solve that.

Again thanks for your hint!

Regards
Nukem36

[caro84g]

Hi,

on the left hand side you can see the corresponding HTML - then you can create a class in your template with the right background color.

Regards, Carolien

[Nukem36]

High Carolien!

thanks for your advice, but this didn't help cause:

Code: Select all

<div style="border-left: 5px solid rgb(200, 223, 249); margin: 10px; overflow: auto; padding-left: 5px;">some blablabla</div>

As you see, there is just a div with no class mentioned in the html code. I did a search in the complete joomla code to find the place, where these settings are coming from, but didn't find it. I had additionally a look at the default CSS from my browser .... nothing.

I'm stuck! Do you have any advice what I could do?

Thanks for your support

Regards

Nukem36

[caro84g]

Hi Nukem,

actually it is weird that Phoca Guestbook doesn't take the settings from the component - parameters. I suppose you have changed them too in the global settings of Phoca Guestbook?

P.S. have you tried rhuk_milkyway to determine if it's really your template?

Regards, Carolien

[Nukem36]

High Carolien!

yip, I changed the color settings globaly and in the component settings.

It's a nice idea, to change to rhuk_milkyway, I'll test that this evening.

Thanks and regards!

Nukem36

[Nukem36]

High Carolien!

I checked that with rhuk_milkyway and beezs: it's always the same result:

- guestbook doesn't read it's color settings
- the colors are in all templates the same: f.e. background-color:#C8E0F9;

Cause I want to learn it, I started developping my first own template, what is very simple in the moment, but I'm getting closer to this subject. Anyhow, this template too shows this ugly light-blue color coming from "nirwana". I'm shure that css default settings are loaded from somewhere. In the system.css or editor.css (joomla) I didn't find this color!?!?!

Any ideas or suggestions?

At least I do not want to give up in this problem. I thinks I could (and should ) learn much here.

Regards Nukem36

[Nukem36]

High!

as far as I can see now it's not as easy as I supposed. It seems to me that another CSS overrides our template.css! Unfortunatly it's not system.css or editor.css. The browser css either doesn't contain such color-statements...

Could you please post the style statements that you see? Firebug would help you to show the settings.

Regards
Nukem36

[caro84g]

High Carolien!

I checked that with rhuk_milkyway and beezs: it's always the same result:

- guestbook doesn't read it's color settings
- the colors are in all templates the same: f.e. background-color:#C8E0F9;

This means that the guestbook component doesn't read it's own settings. You can change your template css whatever you want, but it's not going to work.

For once and for all, are you sure, really really really sure you changed the parameters in the component - parameters of the menu item? 'cause those should rule.

Could you update the guestbook once again (maybe something went wrong in the installation)?

Regards, Carolien