Welcome! To use this support forum, please Login or Join Today!
You are here → Home :: Forum Home :: WordPress Themes Support :: Impacto WordPress Theme :: Thread
SPAN tags with icon lists?
Hi Casey,
I've created a list (on http://votec.eplatt.com/products/pollbooks/) with the star icons that are included with the theme, such as is shown on this page:
http://themes.simplethemes.com/impacto/content-templates/content-template-one
I've noticed however that in order to create the bold headers, and not have the stars crash into the text, that the SPAN tags are necessary, as in the demo page. Why is this? What are they doing? It's problem because they disappear when switching to text mode.
I'm going to try adding style="s", like with P tags.
Thanks!
Attachments:
https://www.filepicker.io/api/file/qu3TSU48TXCVR49rQawB
I've created a list (on http://votec.eplatt.com/products/pollbooks/) with the star icons that are included with the theme, such as is shown on this page:
http://themes.simplethemes.com/impacto/content-templates/content-template-one
I've noticed however that in order to create the bold headers, and not have the stars crash into the text, that the SPAN tags are necessary, as in the demo page. Why is this? What are they doing? It's problem because they disappear when switching to text mode.
<ul class="icon" >
<li class="star" 10px; margin-bottom: 7px">
<span>VoteSafe:</span> VOTEC software for electronic poll books</li>
<li class="star" 10px; margin-bottom: 7px">
<span>PollPower:</span> VOTEC software for poll books and election management</li>
<li class="star" 10px; margin-bottom: 7px">
<span>Field System:</span> Laptop or tablet at the voting location</li>
<li class="star" 10px; margin-bottom: 7px">
<span>Management System:</span> Central server software for administrators and roving support</li>
<li class="star" 10px; margin-bottom: 7px">
<span>Live Help:</span> Tailored instant messaging between poll workers and managers</li>
</ul>
I'm going to try adding style="s", like with P tags.
Thanks!
Attachments:
https://www.filepicker.io/api/file/qu3TSU48TXCVR49rQawB
This is not valid markup. Bad paste? If this isn't what you have, can you use pastebin for what you do have?
<li class="star" 10px; margin-bottom: 7px">
Sure, here you go:
http://pastebin.com/xA60qnQw
I used the same markup as I see when I look at the source for
http://themes.simplethemes.com/impacto/content-templates/content-template-one
which is:
so not sure why you are saying it's invalid markup?
http://pastebin.com/xA60qnQw
I used the same markup as I see when I look at the source for
http://themes.simplethemes.com/impacto/content-templates/content-template-one
which is:
<ul class="icon">
<li class="star"><span>List Heading</span> The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum”.</li>
<li class="star"><span>List Heading</span> The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum”.</li>
</ul>
so not sure why you are saying it's invalid markup?
I too have this same issue on the Impacto theme.
When switching to Visual layout in wordpress the span tags vanish.
The only way I can now edit the page and keep these in place is to use the Text editor, which is a bit of a pain!
When switching to Visual layout in wordpress the span tags vanish.
The only way I can now edit the page and keep these in place is to use the Text editor, which is a bit of a pain!