PBCK > List > indent

2 years 2 weeks ago - 2 years 2 weeks ago #66758 by Chrysant

PBCK > List > indent [SOLVED] was created by Chrysant

Hi CEd, is it possible to indent the second and following lines in the PBCK List like a "normal" List?

I´ve tried this:

Code:

.pbck_list_item_text{
  text-indent: -26px;
  padding-left: 26px;
}

... without success.

Any help is welome :-)

Attachments:

Last edit: 2 years 2 weeks ago by Chrysant.

Please Log in or Create an account to join the conversation.

2 years 2 weeks ago #66759 by ced1870

Replied by ced1870 on topic PBCK > List > indent

Hi
if I understand, you would like the text to not go under the icon
try this code

Code:

.pbck_list_item {
	display: flex;
}
.pbck_list_item_text {
	padding-left: 20px;
}

CEd

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

2 years 2 weeks ago - 2 years 2 weeks ago #66760 by Chrysant

Replied by Chrysant on topic PBCK > List > indent

Basically, this works, but something totally crazy comes out of it:

Attachments:

Last edit: 2 years 2 weeks ago by Chrysant.

Please Log in or Create an account to join the conversation.

2 years 2 weeks ago #66761 by ced1870

Replied by ced1870 on topic PBCK > List > indent

add this code

Code:

.pbck_list_item .iconck {
	flex: 0 0 auto;
}

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

2 years 2 weeks ago #66762 by Chrysant

Replied by Chrysant on topic PBCK > List > indent

That does the trick. You are the best!
This could be a option for PBCK > List to turn on/off this behavior.

Please Log in or Create an account to join the conversation.

2 years 2 weeks ago #66763 by ced1870

Replied by ced1870 on topic PBCK > List > indent

great

yes this is already noted

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

Time to create page: 0.222 seconds