Joomla Templates Club 406,261 posts

[skyshing Friend skyshingJoin date: July 2007Posts: 31Downloads:0Uploads:4 Thanked: 1 times in 1 posts]

#130181

As soon as I applied the Class Suffix “-hilite” to the poll module, the layout seems to crumble, text are centralized etc when compare with the original one of the left – See attached image.

Should I create new styling just for the poll module, if so, please advise with step-to-step instructions. Any help would be most appreciated.

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#256562

Hi kongcept !
Please send url of your site.

[skyshing Friend skyshingJoin date: July 2007Posts: 31Downloads:0Uploads:4 Thanked: 1 times in 1 posts]

#256645

I have sorted it out now thanks.

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#256649

Hi Kongcept

Can you please share with us how you fixed the problem,just in case someone else has the same problem, your fix will help them in return.

Anis

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#256657

Yes kongcept !
Please explain detail how to solved the problem , i think that it will help many people.

[kalinski Friend kalinskiJoin date: February 2008Posts: 30Downloads:18Uploads:0 Thanks: 4 Thanked: 5 times in 3 posts]

#256662

<em>@anisjolly 62716 wrote:</em><blockquote>Can you please share with us how you fixed the problem …</blockquote>

Yes please, and also mark the thread as solved. 🙂

[skyshing Friend skyshingJoin date: July 2007Posts: 31Downloads:0Uploads:4 Thanked: 1 times in 1 posts]

#256687

Ok since it is helpful as most of you said, here it is:
By Adding -hilite to some of the template.css codes in 3 locations as follows:

Firstly, CHANGE

table.poll {

padding: 0;
width: 100%;
border-collapse: collapse;

}

TO

table.poll, table.poll-hilite {

padding: 0;
width: 100%;
border-collapse: collapse;

}

Secondly, CHANGE

table.pollstableborder {

padding: 0;
width: 100%;
border: none;
text-align: left;
}

TO

table.pollstableborder, table.pollstableborder-hilite {

padding: 0;
width: 100%;
border: none;
text-align: left;
}

Thirdly, CHANGE

table.pollstableborder td {

padding: 4px!important;
border-collapse: collapse;
border-spacing: 0;

}

TO

table.pollstableborder td, table.pollstableborder-hilite td {

padding: 4px!important;
border-collapse: collapse;
border-spacing: 0;

}

I hope it works for all of you, enjoy!

1 user says Thank You to skyshing for this useful post

1. kalinski

[Author]

Posts