Did you manually create that or is it a plugin? If you created it manually, you can use a list instead. But as for how it’s done right now, indenting the wrapped lines would be hard to do.
Thread Starter
TeqToo
(@teqtoo)
No, that was all manually done, no plugin. I guess I could use an unordered list, but I don’t really want bullets.
Then you can do an embedded style like this to your list:
<ul class"my-faq">
Then create your custom CSS for this list to how you want it, such as spacing each FAQ item with a margin-bottom: 7px; for example.
.my-faq {list-style: none;}
.my-faq li {margin-bottom: 7px;}
Another method is to change each FAQ item as paragraph tags instead of breaks. This would space each one.
Thread Starter
TeqToo
(@teqtoo)
Hmmmm. I followed your first suggestion. On the page, the code begins as follows:
<ul class"my-faq">
<li><a href="#One"><strong>Why is the Eastern Bluebird the New York State bird? </strong></a></li>
<li><a href="#onea"><strong>Why a nest box for bluebirds? </strong></a></li>
<li><a href="#two"><strong>I just bought a nest box. Where should I place it on my property?</strong></a></li>
<li><a href="#three"><strong>What can I do about house wrens? </strong></a></li>
…and it continues from there.
Then I placed the custom CSS rule in the Simple Custom CSS box. It doesn’t seem to be working, the bullets are still there. And no matter what number I put in the margin-bottom: rule, the spacing is still the same. I must be missing something, or something is overriding the css rule…
My fault and apologies…I think I need a vacation.
I posted this above as:
<ul class"my-faq">
But I noticed I left the = sign out. It should be this:
<ul class="my-faq">
Thread Starter
TeqToo
(@teqtoo)
Oh! Haha! I should have caught that too. Thanks!