listing margin-left

GK User
Thu Mar 08, 2012 11:16 am
Hi,

when I put a listing unfortunately there is no margin left. So the listing icons begin before the other text starts - see image.

I already tried to put a margin-left by writing:
override.css:
ul li, ol li {
line-height: 2.6;
margin-left: 30px;
}

the list looks fine, but this margin also effects the menus - see image.

How can I put a margin-left only to the list?
User avatar
Expert Boarder

GK User
Mon Mar 12, 2012 12:19 pm
The template does not support lists. When I make a usual list with the Tiny Editor the template just shows a bigger line-height, but no list-buttons. See picture.

When I use the JCE Editor I have to choose a list-button (square, circle etc.) in order to get a list-button.

When I want to use a component that uses lists like a sitemap - there I cannot set a list-button manually. So I get no list-button.

This is a bug! :S

See the picture: Abote the editor view with the list-buttons and below the site view without list-buttons, just a different line-height. This is a Quickstart installation.
User avatar
Expert Boarder

GK User
Tue Mar 20, 2012 11:13 am
I really feel lost here - no support at all :-(
User avatar
Expert Boarder

Konrad M
Tue Mar 20, 2012 12:44 pm
Hi
Please send me link to your page with list.
User avatar

GK User
Tue Mar 27, 2012 3:32 pm
Hi, I do not know how to send you a message so I post it here:

http://web1179.webbox239.server-home.org/ver03

If you go to "sitemap" (bottom) for example, the sitemap is a list, but there are no list symbols. If you go to "Module/Kontakte" there is a list too, you see it by the different line height, but there are no list symbols.

Thanks a lot!
User avatar
Expert Boarder

Konrad M
Wed Mar 28, 2012 8:15 am
Please try add to override.css
Code: Select all
#xmap ul {
list-style-type: disc;
}

and remember to enable override.css option in template settings.
User avatar

GK User
Thu Mar 29, 2012 8:36 am
Does not work.

So by now I am forced to choose a list object (e.g. square) when I have a list in an article. When I just set 'list' it will show a list but without list object. That is OK - I can live with that. For the sitemap I will look for another component.

Thanks
User avatar
Expert Boarder

GK User
Tue Jun 12, 2012 8:46 am
Unfortunately I have to fix that error for my client: Please take a look at:
http://beta.bm-od.com/component/k2/item/279-kampagnen

The list buttons just do not look good because they are not at the same height as the text is - they are a bit more left. The list buttons have to start at the same height. (see image above)

Could you please help me with that.
User avatar
Expert Boarder

Konrad M
Tue Jun 12, 2012 8:51 am
Try add to override.css
Code: Select all
.itemFullText ul li {
list-style-position: inside !important;
}

and remember to enable override.css option in template settings.
User avatar

GK User
Tue Jun 12, 2012 9:24 am
this works thanks, BUT it still is not a correct list: The second line of the same button should start the same height as the text, not the button:

a)
- Alle potentiellen Gäste / Kunden werden mit Anrede und E-Mail Adresse
in einem System erfasst

b)
- Alle potentiellen Gäste / Kunden werden mit Anrede und E-Mail Adresse
..in einem System erfasst

Like b)

Is there a fix for that? would be great!

How can I change the line-height of the normal text? body { line-height: 150%;} also changes the headings.

thanks!!!
User avatar
Expert Boarder

GK User
Tue Jun 12, 2012 9:58 am
theraf wrote:
How can I change the line-height of the normal text? body { line-height: 150%;} also changes the headings.


I already managed to change it with p {....}
User avatar
Expert Boarder

GK User
Tue Jun 12, 2012 10:21 am
Konrad M wrote:Try add to override.css
Code: Select all
.itemFullText ul li {
list-style-position: inside !important;
}

and remember to enable override.css option in template settings.


It works on http://beta.bm-od.com/component/k2/item/279-kampagnen but does not on http://beta.bm-od.com/module/kontakte

strange.
User avatar
Expert Boarder

Konrad M
Tue Jun 12, 2012 10:43 am
Not working on second one becasue it have .itemFullText class, which only exist in k2 items. Remove it and this code will work for ul elements.
User avatar

GK User
Tue Jun 12, 2012 12:28 pm
My whole website is managed by k2 so I do not understand the difference between these two articles. :?:

Code: Select all
ul li {
  list-style-position: inside !important;
}

.itemFullText ul li {

line-height: 1.5em !important;
}


I cannot use the line-height command for the first paragraph, because it also changes the vertical menu. Is there a way to use the line-height also for the other articles without changing the menu?
User avatar
Expert Boarder

Konrad M
Tue Jun 12, 2012 12:33 pm
Try in this way:
Code: Select all
#k2Container ul li{
list-style-position: inside !important;
line-height: 1.5em !important;
}

It will affect lists elements only inside k2 container.
User avatar

GK User
Tue Jun 12, 2012 3:14 pm
works superb on every page now! thank you very much!
User avatar
Expert Boarder


cron