Bullets don't behave inside the module

Hi, here http://v-boge.org/blog/tdjakes/instinkt/itemlist/category/302-instinct I am having a difficult time making module behave.
Can't use article because I need a very peculiar behavior for this block of text: Automatically appear under all articles in one subcategory of K2. So, I took Custom HTML module and placed content there using typography.
But as you will see, the bullets are dislocated and replaced with strange charachter.

If through FireBug I remove .box from

Code: Select all

.box .custom li:before {
  content: "";
  font-family: FontAwesome;
  font-size: 11px;
  left: 0;
  padding: 0;
  position: absolute;
  top: 11px;
}

And it looks like this

Code: Select all

.custom li:before {
  content: "";
  font-family: FontAwesome;
  font-size: 11px;
  left: 0;
  padding: 0;
  position: absolute;
  top: 11px;
}

Then it comes up to normal look, but I don't know that much as to come up with what I need to write in override.css to make it permanent...
Would you, please help?
Thanks.

Placing:

Code: Select all

.custom li:before {
  content: "";
  font-family: FontAwesome;
  font-size: 11px;
  left: 0;
  padding: 0;
  position: absolute;
  top: 11px;
}


should be enough.

should be enough.

To no avail. Did place it, sure override is on, but still - bullets are screwd and in firebug I see it come with .box

I think we somehow need to remove that .box from command...

Your link gives me 404 .

Your link gives me 404 .

Sorry 'bout that, we replanned categories since. Here you go: http://v-boge.org/blog/tdjakes/item/3364-preobrazuyushchij-instinkt-chast-1

Code: Select all

.custom .gkBullet3 li:before {
    content: "\f0a4" !important;
}


Replace previous override.css change with above one.

Replace previous override.css change with above one.

Great! Thanks, but the bullets are still half line below the actual line of letters. Any way to correct misalignment?

Sorry for late response:

Code: Select all

.box .custom li:before {top: 3px;}


This code will move custom bullets up. The space that you are seeing is because of spaces added in each list item - so to reduce it you should remove those spaces.
You might like also to move custom bullets right:

Code: Select all

.box .custom li:before {
top: 3px;
left: 5px;
}


Sorry for late response:

Great! Now it's finally looking great! Thank you very much!

Cyberek, I did try to ask for help in here https://www.gavick.com/forums/m-social/trying-to-create-subscribtion-form-36943.html but nobody did answer there.
Since then I was able to learn on how to make fields look the same - now it's better, but the button... I've noticed that on all templates I'd take from GavickPRO, if I add a button for subscribtion, the button will always run all the way to the left. How can I handle it to arrive after fields and not before?
Here's the sandbox page I've created: http://v-boge.org/sitemap/oferta-yurproverka Right under button titled "Gavick, it's right under here".
You can see that all three inputs (Name, email, and submit) would be aligned by center, but since the button runs away, it ruins everything...

Sorry for late response:

Ok, I've given it float:right, but still looks wrong, how do we put the button to the right place? Without template (With default one) the button is where it should've been at.

Hello,

@bozhenko - Cyberek is on the vacation and the provided URL is not working for me: http://v-boge.org/sitemap/oferta-yurproverka it returns error 404 :/

Hello,

@bozhenko - Cyberek is on the vacation and the provided URL is not working for me: http://v-boge.org/sitemap/oferta-yurproverka it returns error 404 :/

Oh, dziudek, I've solved that thing on my own already. Thanks, friend!