RSD - Description List Alternating...

User 246621 Photo


Registered User
15 posts

I want to create a small dictionary. I am using the description list in RSD to do that. How do I block and alternate the colors in RSD. I can do it with any HTML Editor I can't seem to change any format except for the border. I am trying to HTML5 Compliant. Is the Directory list the correct way to format a small Dictionary? I was going to create an ODD and EVEN rule. Just can't figure out how to color or edit this way in RSD.

<div class="coffee-span-6">
<dl class="description-list description-list-1">
<dt>Word Here</dt>
<dd>Definition here lorem ipsum etc...</dd>
</dl>
</div>
<div class="coffee-span-6">
<dl class="description-list description-list-1">
<dt>Word Here</dt>
<dd>Definition here lorem ipsum etc...</dd>
</dl>
</div>
User 187934 Photo


Senior Advisor
20,266 posts

Hi Christopher,
Add different classes to ever other column and then set the desired styling for each.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 271657 Photo


Ambassador
3,816 posts

Is there no way to use pseudo-classes in RSD?
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 187934 Photo


Senior Advisor
20,266 posts

I guess I'm lost on what he is looking for. I was thinking alternate background colors on columns to make alternating rows. If you copy each one you only have to set the class once for each. If the data is dynamic then some php would be appropriate.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 379556 Photo


Registered User
1,583 posts

If what is wanted is something like the attached, I created it in RSD as follows -

1. In the Elements panel I clicked on the down button at the right of Unordered List, selected Description list, and dragged that item into the column where I wanted it.
2. In the Design panel Element section I reduced the amount of elements to 2.
3. In the main panel I selected the list term, and in the Design panel Typography section I changed the colour to what I wanted the list terms to be.
4. In the main panel I selected the list description, and in the Design panel Typography section I changed the colour to what I wanted the list descriptions to be.
5. In the main panel I selected the description list, and in the Design panel I clicked a number of times on the Duplicate button in the Element section.

Frank
Attachments:
User 271657 Photo


Ambassador
3,816 posts

If you can add pseudo-classes in RSD, it's easy to have alternating row colors:
http://codepen.io/zakkain/pen/Aqzip
Maybe you could add this in a custom CSS snippet if RSD doesn't have any option for it?
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.