For all who are interested (me included
):
The reason why the css properties "background-color" and "color" not work is because these properties are "hardcoded" by php script. If you take a look at the html source code from your own phocaguestbook site, you can see for each title in each guestbook item (message) the following html code:
Code: Select all
<h4 class="pgtitle" style="background:#A61F20;color:#000000;">title of message</h4>
the easiest way: change color via joomla webinterface
select components =>Phoca Guestbook => Control Panel
click on "Options" (you can find it in the upper right corner)
select the tab "Post"
choose a color for "Font Color" and click "save". you're done.
But this can be a problem, because not only the color of title changes, but also the color of message text too. If you set a dark background color, the title is difficult to read.
as jan already said, to change the title color only, you must edit this by hand in following file:
components\com_phocaguestbook\views\guestbook\tmpl\default.php
search for "pgtitle" and you find following line (in my file there is line 127):
Code: Select all
$gbPosts .= '<h4 class="pgtitle" style="background:'.$this->tmpl['background_color'].';color:'.$this->tmpl['font_color'].';">';
First way: you can replace the php code with a html color code. example with white title color:
Code: Select all
$gbPosts .= '<h4 class="pgtitle" style="background:'.$this->tmpl['background_color'].';color:#FFFFFF;">';
Second way: you can remove the php code for text color, like this
Code: Select all
$gbPosts .= '<h4 class="pgtitle" style="background:'.$this->tmpl['background_color'].';">';
and set the color property in the css file /components/com_phocaguestbook/assets/phocaguestbook.css. Look for
Code: Select all
#phocaguestbook .pgtitle {
padding: 8px;
margin: 2px;
}
and add the color property. example:
Code: Select all
#phocaguestbook .pgtitle {
padding: 8px;
margin: 2px;
color: #FFFFFF;
}
I think the second way is an elegant solution.
Michael