Joomla Templates Club 406,261 posts

[cybatek Friend cybatekJoin date: August 2007Posts: 38Downloads:0Uploads:4 Thanked: 1 times in 1 posts]

#124839

I need to have the Contacts Component display its contact as the ‘normal’ alternating row colors. This template just uses flat white and can make it hard to differentiate one contact from another.

The sectiontableentry1 and sectiontableentry2 normally takes care of this, I cant pick where the template has over-ridden it.

[cybatek Friend cybatekJoin date: August 2007Posts: 38Downloads:0Uploads:4 Thanked: 1 times in 1 posts]

#235851

As far as alternating row colors go, they have been removed from other component areas too such as Polls

[Michael Casha Friend Michael CashaJoin date: September 2014Posts: 2561Downloads:1Uploads:32 Thanks: 41 Thanked: 119 times in 1 posts]

#235856

Look for this in the CSS:

tr.sectiontableentry1 td {
padding: 8px 5px;
background: url(../images/dot.gif) repeat-x bottom;
}

tr.sectiontableentry2 td {
padding: 8px 5px;
background: url(../images/dot.gif) repeat-x bottom;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
background: url(../images/dot.gif) repeat-x bottom;
}

[cybatek Friend cybatekJoin date: August 2007Posts: 38Downloads:0Uploads:4 Thanked: 1 times in 1 posts]

#235890

Thanks Mike

Tried to change that area, I even turn the dot.gif to a shock pink just to see where it turns up (it appears to be the verticle dividing border for some of the 3 col layouts).

What CSS am I supposed to be changing:

template_css.css – I tried that
orange.css (that’s the colour template I’m using) – tried it no change

I’ve even deleted the dot.gif fot good measure.

It’s not a caching problem or anything like that.

What / where should I specifically change if: I wanted to increase the padding; I want to change row colours.

[cybatek Friend cybatekJoin date: August 2007Posts: 38Downloads:0Uploads:4 Thanked: 1 times in 1 posts]

#236200

Hi guys, still needing an assist on controlling the (lack of) alternating row color feature.

I get that the answer should be in the CSS code: tr.sectiontableentry1 td and tr.sectiontableentry2 td, but I have changed these with no change in the situation (i.e. there is no alternate shading of my rows for areas such as the the contact table; it’s all just uniformly white – which makes it visually hard see one contacts row of information from the other)

Look forward to another response.

[cybatek Friend cybatekJoin date: August 2007Posts: 38Downloads:0Uploads:4 Thanked: 1 times in 1 posts]

#236213

Here’s the solution I glued together:

the template_css.css holds one part of the answer, at:

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td

…I made an entry of background-color:#DDDDDD

I also removed any ref to background dot.gif for sectiontableentry entries

I then had to go to contact.html.php and I added this tag in the ‘Display Table of items’ part of the code:

<tr class=”sectiontableentry1″>

After doing BOTH changes, now when I mouse over a row of information in a contacts table it will light up to #DDDDDD color.

This solution is not 100% perfect because I still can’t get the normal behaviour ‘tr.sectiontableentry1 td ‘ and ‘tr.sectiontableentry2 td’ working with background colors (from the template_css.css file). The hover will have to do I guess.

It was go to find the contact.html.php file because it also let me fine tune the row spacing and width %’s too.

Hope this helps someone else 😮

[Author]

Posts