Guestbook Module and CSS Question

[Dima]

Hi guys. I have installed the guestbook module Version:  2.8.01. now I've changed all the css styles how I need them. Now my problem. Where I can change this things here:




It isnt in the frontend.css file. COuld somebody tell me where I can change the css style for this text?
Thank you in advance.
Dima

[Stefek]

Hello.

There will come a newer Version of the Guestbook in few days (it's a matter of days).
Please be patient.

I have tested and it will handle your problem for you will be able to take more control over the generated output.

Regards,
Stefek

[BerndJM]

Hi,

and if you wont wait for the new version you can style this in your screen.css / template.css somthing like this:

Code:

.input_form td { ... what ever you need ... }

Regards Bernd

[Dima]

i dont understand. where i can find this file and how to define the style for the parts above mentioned?

[BerndJM]

Hi,

you find this file in your templates directory, depending on the template it's called screen.css - template.css or any similar.
In this file you add the above entry an style it regarding to your needs.

Regards Bernd

[Dima]

Hi guys. I don`t get it. ive installed the newer version now. But i cant solve my problem.
Maybe somebody could help me?

this is my css:

Code:

table.gbentry {
  width: 98%;
  border: 1px solid #DCDCDC;
  border-collapse: collapse;
  margin-bottom: 10px;
}
table.gbentry td.gbtitle {
  font-weight: bold;
  padding: 0 5px 0 5px;
  background-color: #FAFAFA;
  color: #808080;
  border-bottom: 1px solid #DCDCDC;
  font-size: 10px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
table.gbentry td.gbcontent {
  padding: 5px;
  background-color: #FAFAFA;
  color: #808080; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;

}
table.gbentry div.gbcomment {
  font-style: italic;
  padding: 5px;
  margin: 15px 5px 0px 5px;
  border: 1px dashed #BCBCBC;
}

/* view: even rows */
table.gbentry_b {
  width: 98%;
  border: 1px solid #DCDCDC;
  border-collapse: collapse;
  margin-bottom: 10px;
}
table.gbentry_b td.gbtitle {
  font-weight: bold;
  padding: 0 5px 0 5px;
  background-color: #EAEAEA;
  color: #808080;
  border-bottom: 1px solid #DCDCDC;
  font-size: 10px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
table.gbentry_b td.gbcontent {
  padding: 5px;
  background-color: #EAEAEA;
  color: #808080; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small
}
table.gbentry_b div.gbcomment {
  font-style: italic;
  padding: 5px;
  margin: 15px 5px 0px 5px;
  border: 1px dashed #BCBCBC;
}

/* add entry */
.required {
  color: #EE0000;
}
img.button {
  vertical-align: bottom;
}
.input_form {
    font-size: 1em;
    border: 0;
}
.input_name_field {
    width: 300px;
}
.input_mail_field {
    width: 300px;
}
.input_website_field {
    width: 300px;
}
.input_message_field {
    width: 300px;
    height: 80px;
}
.input_smileys {
    text-align: right;
}
.smileys {
    border: 0;
}
.captcha_table {
    padding-top: 5px;
}
.image_captcha {
    border: 0;
}
.captcha_expl {
    font-size: 0.8em;
}

/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
    display:none;
}

And this is the part i would like to add css style, but i cant do it. Somebody could do this with this code snippet:
Ins Gästebuch eintragen /sign guestbook:

Code:

<form [GB_FORM]> [ASP_FIELDS]
  <table class="input_form" cellpadding="2" cellspacing="0" align="center" border="0">
  <tr>
    <td>[NAME_STR]:</td>   
<td><input class="input_name_field" [NAME_INPUT] /></td>
  </tr>
  <tr>
    <td>[EMAIL_STR]:</td>
    <td><input class="input_mail_field" [EMAIL_INPUT] /></td>
  </tr>
  <tr>
    <td>[WEBSITE_STR]:</td>
    <td><input class="input_website_field" [WEBSITE_INPUT] /></td>
  </tr>
  <tr class="smileys_row">
    <td class="input_smileys" colspan="2">[SMILEYS]</td>
  </tr>
  <tr>
    <td valign="top">[MESSAGE_STR]:</td>
    <td><textarea class="input_message_field" [MESSAGE_INPUT]>[MESSAGE]</textarea></td>
  </tr>    
  <tr>
    <td>[CAPTCHA_STR]</td>
    <td>[CAPTCHA]</td>
  </tr> 
  <tr>
    <td></td>
    <td>
      <input type="submit" value="[SUBMIT_STR]" />
      <input type="button" value="[RESET_STR]" onclick="[RESET_ONCLICK]" />
    </td>
  </tr>
</table>
</form>

here is the link to the site: http://www.tobias-a.de/main/pages/guestbook.php

Could somebody explain it to me, how i have to add the css style from above to the code here.
THanks alot in advance.

[vyni]

Hi Dima.

First of all. To get rid of the times-new-roman font, You could add the font-definition to Your style-definition

body {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-style: normal;
color: #000000; }

In that case all undefined text will make use of this font.

Second - Your template is incomplete. When I look in the source-code I find some unexpected entries.

Third - if You installed guestbook v2.8.2 You can format everything in the settings, You can add classes to each line of the gb. There is nothing mysterious.

regards from Himberg, nest to Vienna