Hi Az,
ah, I understand. Do you already have in mind how you want it? I think with 10 bucks we’d be done 🙂
Regards, Jeroen
Hi Jeroen,
How does does this sound, three bits of work I can think for now. Option A is most important, the others are if it can be done quickly.
A. CSS code for A- Z styling
option 1. Turn the A-Z text into buttons, so they appear more mobile friendly, for those with fat fingers, as the letters are too small.
OR
Option 2 css code for simply making the A-Z text larger, bolder with space between.
B. allowing weburls to be inserted without the html coding because the average user wont know how to do it as I will be passing the website on.
C. Can the plugin be installed in the usual place, without being in settings as I want to avoid giving admin rights to the user.
Choose what you can do, and if its more work, then tell me how much to donate.
Kind regards
Az
Hi
What i meant with option B
For example
The user simply enters the name, then pastes the url so basically the website address is masked behind the name.
Thanks
Az
Hey Az,
those are big questions which require custom development, not CSS styling rules. Not as much the first one, option A.
Actually, making them buttons is pretty good idea. I’ll just give you that one here.
<style>a.name_directory_startswith {
padding: 5px 8px;
border: 1px solid #cc7722;
border-radius: 4px;
background-color: #cc7722;
border-color: rgba(0, 0, 0, 0.3);
color: white;
line-height: 2.5em;
}</style>
I hope this will suit your needs for now.
Kind regards,
Jeroen
Hi Jeroen,
I thought so, but thanks for option A.
That looks good, see my link my crude attempt to create 26 pages of it, then I gave up. http://meccaevents.com/councilservices-b/
But can you make the buttons, true square, not rounded on the edges, and with a hoover action. Basically a colour then goes to white upon hoover and the text does the opposite.
this website shows the effect i am trying to achieve, dont have to be the same just similar.
http://eastgoscote.leicestershireparishcouncils.org/services.html#A
Thanks
Az
Hi Jeroen
Let me know if you got that donation:)
Az
Hi Az,
I got it 🙂 If you replace the previous code with this, would that be what you wanted?
<style>
a.name_directory_startswith {
padding: 5px 8px;
border: 1px solid #cc7722;
background-color: #cc7722;
color: white;
line-height: 2.5em;
}
a.name_directory_startswith:hover {
color: #cc7722;
background: white;
border: 1px solid #cc7722;
text-decoration: none;
}
</style>
Kind regards, Jeroen
Hi Jeroen,
That looks good to me…nice:)
I assume it wont inherit the colours of the theme, i just need to manually amend the colour hex colour, which is no problem.
If I think of any others I am willing to donate again.
Kind regards
Az
Great! I’m very glad that you like it.
If you need a modification of some kind, please let me know. I did check if it could inherit something of the theme, but that isn’t possible, unfortunately 🙁
Kind regards,
Jeroen Peters
Hi Jeroen,
I was looking at your FAQ, trying to work out how I hide that # symbol in the index, do you happen to have the css code.
Thanks
Az
Hi Az,
I’m not sure, it looks like you already pulled it off, or did you use another plugin? If not, can you post the URL again so I am sure I have the right one?
Regards Jeroen
Hi Jeroen,
Sorry I should of emailed it, its not visible the other one is a manual one with 26 pages, i did while back.
http://meccaevents.com/a-z-directory/
Just want to hide the #
Thanks
Az
Hi Az,
yes, I just wanted to make sure.
The code you can use is:
<style>
.name_directory_index>a:first-child{ display: none; }
</style>
