Welcome! To use this support forum, please Login or Join Today!

   

SPAN tags with icon lists? 

{name}
RankRankRank

Total Posts: 52

Joined 2014-11-03

PM

 
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.


<ul class="icon" >
 <
li class="star"  10pxmargin-bottom7px">
  <span>VoteSafe:</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; VOTEC software for electronic poll books</li>
 <li class="
star"  10px; margin-bottom: 7px">
  <
span>PollPower:</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbspVOTEC software for poll books and election management</li>
 <
li class="star"  10pxmargin-bottom7px">
  <span>Field System:</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Laptop or tablet at the voting location</li>
 <li class="
star"  10px; margin-bottom: 7px">
  <
span>Management System:</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbspCentral server software for administrators and roving support</li>
 <
li class="star"  10pxmargin-bottom7px">
  <span>Live Help:</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 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
{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 
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"  10pxmargin-bottom7px"> 
{name}
RankRankRank

Total Posts: 52

Joined 2014-11-03

PM

 
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:
<ul class="icon">
 <
li class="star"><span>List Heading</spanThe standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interestedSections 1.10.32 and 1.10.33 from &#8220;de Finibus Bonorum et Malorum&#8221;.</li>
 
<li class="star"><span>List Heading</spanThe standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interestedSections 1.10.32 and 1.10.33 from &#8220;de Finibus Bonorum et Malorum&#8221;.</li>
</ul


so not sure why you are saying it's invalid markup?


{name}
Rank

Total Posts: 1

Joined 2015-01-19

PM

 
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!