Hi jc, this is something you can do with CSS. Are you familiair with CSS and where you can place it in your website? I hope you do.
I will give you some examples. Each one of the element in the NameDirectory has it’s own classname. You can style it by that name.
Index links (the letters A-Z) Making them 50% bigger.
<style>
.name_directory_index {
font-size: 150%;
}
</style>
Name / Entry title Making it underlined
<style>
.name_directory_name_box strong {
text-decoration: underline;
}
</style>
Name / Entry descriptiong Making it italics
<style>
.name_directory_name_box > div {
font-style: italic;
}
</style>
Offcourse, you can set them all to font-size: 150%; (and bigger/smaller)
I hope you can work your way with this.
Nice to see that you are using the plugin in this way! If you like the plugin, I hope you will leave a review 🙂
Thread Starter
jc1987
(@jc1987)
still can’t seem to get the titles and description bigger. I have made the a-z letters bigger however.
Thread Starter
jc1987
(@jc1987)
ignore the last comment 🙂 i got it working!
Thank you. Will be leaving a 5 star review!
Great that you got it working! Very cool. Thanks for using my plugin!
Hi JC, a 5-star review isn’t required. If you have any other feedback on using the plugin, that’s welcome too!
Hi,
Could you provide me with a CSS sniper to change the text color. Thank you.
Hi SG_BA,
I think it would be best to use a CSS-tutorial for this.
Hi,
I successfully used your suggested css to change font size and create padding. I needed to delete that directory and create a new one. I changed the short code to reflect that it is now directory 2. How do I change the css so that it applies to the new directory?
Here is what I used the first time, but now it won’t apply to the new directory:
<style>
.name_directory_name_box strong {
font-size: 120%;
}
</style>
<style>
.name_directory_names {
padding-top: 15px;
}
</style>
Thank you!
Hi z_reb_z,
it’s best to put it inside a container with a unique name, for example:
<div id='thedir'>{{shortcodefordir}}</div>
For the second page you’ll give it another name. Now you can style #thedir .name_directory_name_box
Do you think this will work for you?
Yes, thank you! I’m teaching myself how to do this stuff by trial and error. I know I should take a css tutorial, but it’s hard not to want a quick fix and get this thing up and running!
I love the simplicity of your plugin so far.
Thanks again!
Hij z_reb_z,
I’m glad it worked out. You are right, a CSS tutorial would be the best solution. You know, especially when working with WordPress CSS knowledge will come in handy so you van customize the worm the plugin authors layed out as a basis. Just like my plugin.
Great to hear you like the plugin, you are most welcome tot write a review or just rate it.
Kind regards, Jeroen
