Typography and lists display problem

Hi,

Website reference: http://www.battlefieldindia.com
Example link 1: http://www.battlefieldindia.com/index.p ... ning-rules
Example link 2: http://www.battlefieldindia.com/index.p ... ting-rules

Problem 1:
I am unable to get typography output.

In the said example link 1, to achieve a bullet style 2, i have used the following code:

Code: Select all

<ul class="gkBullet2" style="text-align: justify;">
<li>Send <a href="https://www.facebook.com/robins.punjabpoolice.gupta" target="_blank">RobinS "Punjab Poolice" Gupta</a> a personal message (PM) mentioning the reason you wish to join Battlefield India facebook group for.</li> ............ </ul>

It does not show up

Checklist:
1. Typography enabled in template settings - checked
2. Typography plugin enabled - checked

Problem 2: In example link 2, i try to achieve an ordered list. It does show, but not at all close to what it shows in the backend. I have attached supporting images.

Expected:

art1.png

Actual:

art2.png

Kindly look into the matter!

Regards,
RobinS

Problem 1 - I have already reported that problem to our dev team. Ill check its status and will write back.
Problem 2 - there is a different styling on frontend, and while editing with visual editor it shows only default html styling. If you would like to have same padded line of text, please write back, I'll instruct you how to do that.

Hi,

Thanks for a quick response.

Regarding Problem 1:
Thanks. Will await response.

Regarding Problem 2:
Yes, i would like to see it as it shows in the editor. It is much cleaner way to write/read (according to me of course). Kindly guide me through it.

Regards,
RobinS

With problem 2 - could You please post an url to your site where this problem can be seen?

HI,

here: http://www.battlefieldindia.com/index.p ... ting-rules

Regards,
RobinS

Please edit: /templates/gk_game/css/override.css and add at its end:

Code: Select all

ul, ol {
list-style-position: outide;
padding-left: 40px;
}


Remember to enable "CSS override" in template settings - advanced section.

Hi,

That is one step forward. But it has moved the entire text block. I am looking at list numerals staying distinct as it is in the editor (image attached in original post)

Regards,
RobinS

Please adjust padding-left value to your taste.