Thanks! I’m glad you like the plugins!
The phone numbers are displayed as links so that if someone is viewing the site on their mobile phone, they can tap the phone number and their phone will call the number right away. Some people also use Skype to dial phone numbers directly from their web browser.
There isn’t a way to make the phone numbers not be links, but you can make some changes to your CSS to make them not look like links. I would have to see the CSS for your site to tell you exactly what to do, but something like this would work.
If your normal text has a style that is something like this:
p {
color: #fff;
}
Then you can add this to your CSS file to make these links look like normal text:
.phone a {
color: #fff;
text-decoration: none
}
Thread Starter
jezd
(@jezd)
thanks, that worked fine – looks like normal text now.
One other quick question, is there a wrapper around the ‘Categories:’ text in the directory listing? I would like to simply list the categories without the title field in the full directory – is it possible to use CSS to hide it?
Cheers
Jez
Yes, you can use CSS to hide that!
.categories span {
display: none;
}
Thread Starter
jezd
(@jezd)
thanks, works well – does leave a trailing ‘ ‘ space which is a shame.
keep up the great work.
Jez
Something like this might help:
.categories {
margin-left: -1em;
}
Actually, even better would be:
.categories:first-line {
margin-left: -1em;
}
Thread Starter
jezd
(@jezd)
Oddly that didn’t work but the following has :
.categories {
margin-left: -0.3em;
}
Cant work out why
Oh, I see why it didn’t work. There are only a limited number of properties that can be applied to :first-line, and margin is not one of them:
http://css-tricks.com/almanac/selectors/f/first-line/
Thread Starter
jezd
(@jezd)
Also, as you say if you then apply it to the whole then the second line of course shifts left too – so close
This trick works if you can ensure you only use one line
There is a very simple solution to this: if I just move the </span> tag so that the space is inside the span, then you won’t have to worry about multiple lines. The next version of the plugin will include this update.
Thread Starter
jezd
(@jezd)
Perfect, thanks for that – its a very smart plugin
Can I ask for a small feature request, in terms of visuals it would be great to treat the table backgrounds for each entry differently depending if they are odd or even (based on records numbers for example). Not sure on the coding for your table setup but for example <li class=”odd “> <li class=”even “> permits CSS to then style odd and even companies differently.
Hope that makes sense, the end result being a patchwork layout re background colours that can be customised in CSS to odd/even records.
Its a big ask I know, please consider 🙂
Cheers
Jez
Nope, not a big ask at all!
In fact, you can do this entirely on your own, thanks to :nth-child.
There aren’t actually any tables anywhere in the code – it’s all divs.
Try something like this:
#businesslist > div:nth-child(even) {
background: #ccc;
}
#businesslist > div:nth-child(odd) {
background: #ddd;
}
If that doesn’t do what you have in mind, let me know.
Thread Starter
jezd
(@jezd)
Wow, now that I would never have thought possible – brilliant, amazing what you can do with CSS
CSS is pretty fantastic. 🙂
