Need to hyperlink names!

Dear Comishav, the description field should allow you to use HTML tags. So you could just use the <a>-tag to create a link. There is no fancy editor, but with a little HTML knowledge, you should be able to achieve it ??

Would it be possible for the Name field accept HTML? I really need the name to be a link.

Many thanks, and such a simple and easy to use plugin ??

Hi fredsarran,

thanks for you kind words! At the moment, the Name field will not accept HTML. I’m tempted to say no to this, because extraction of the real name would be hard. When I enable HTML you will be able to use for example the <img>-tag, I’m not sure what I would use as the Name then.
I don’t feel that contributes to the simplicity I try to maintain in (the use of) this plugin.

Hi again,

Thanks for the info.

I am trying to sort out a few things, see here https://www.exclusivefashiondesigns.com/brands-2/

The first line of the names are way to close to “There are currently 6 names in this directory”, how can I space them apart?

Am I able to make the Country title smaller and the index characters bigger?

Hi Fredsarran,

you can solve this by using CSS. In your case I think

<style>
.name_directory_names {
  padding-top: 15px;
}

h3.name_directory_title {
  font-size: 16px;
}

a.name_directory_startswith {
  font-size: 14px;
}
</style>

Note that this isn’t necessary my line of support. It’s not directly related to this plugins php-code or functionality. If you want to learn more about styling, I would recommend following a CSS tutorial.

If you like the plugin, would you please leave a rating and/or review?

Hey man, this worked great!

Also I noticed something weird:

Each lines of names are separated with “lines”. Can we make the gap smaller? And if you look under “Scotland”, the “w” has no line under and the “e” is in the middle column when I would like it to be on the left column. Is this normal?

I can handle and implement bits of codes but not good at guessing them ??

You can make the line-gap smaller by using

<style>
hr{
 margin: 2px 0;
}
</style>

I would really recommend you to lookup some CSS-basics. When you know your CSS, you don’t really need to guess, but you’ll know which element you can style. Also, the developer tools in every browser (just press F12) will help you.

As for the ‘w’-entry, that’s where you have a point. It’s in fact the last entry in your list, so it doesn’t get a spacer (as there is no other element ‘behind’ it. I don’t have a solution to this at this moment.

However, this should do the trick (more or less).

<style>
.name_directory_column.name_directory_nr3:last-child .name_directory_name_box:last-child {
  border-bottom: 1px solid lightgray;
  padding-bottom: 31px;
}
</style>

Please rate and/or review my plugin if you like it?

Hi,

Just to let you know, this code:

<style>
hr{
margin: 2px 0;
}
</style>

It doesn’t do anything.

Thanks for your advice.

Please try:

<style>
hr {
  height: 1px;
  margin: 2px 0 !important;
  padding: 0;
}
</style>

Maybe your theme-stylesheet overrides styling the hr-element.

Also, you need to change the padding-bottom-value of the previous stylesheet (the one where you add the last border line on the w-entry.

Please leave a review for my plugin.