lists in the Pallet 01 Copy with Markdown does not work

lema · 2019-03-10 21:21:08

For a Page Copy I want to create lists in the Pallet 01 Copy with Markdown. The code does not work in Pallet 01 Copy.

If I enter the identical code in Main Copy, the lists are generated with a list marker. I also used the code in CE4 used in Sidebar Copy.

I have used the following code:

<ul>
<li>Reiseübersicht</li>
<li>Reiseblog</li>
<li>Fotoprojekte</li>
</ul>

Thanks to all

LeMa

rod barbee · 2019-03-10 22:24:43

Can you post a link?

Going by memory here, but list items in pallets may have css applied that sets the list-style-type to none.

This can be changed with custom css.

lema · 2019-03-10 22:32:01

No, that's not possible because I work on a local server.

There must be a difference between the main and the pallet 01

LeMa

rod barbee · 2019-03-10 22:36:43

Yes, I believe lists are using different css.
I don’t know why this is, but it’s easy to change with custom css?
Let us know if you need help with the code.

lema · 2019-03-10 22:43:18

Yes that would be very good. I am not so experienced here. But have already added code in the customer css.
Many Thanks

LeMa

rod barbee · 2019-03-10 23:03:00

If you’re only using a list in one or two places it might be easiier to just apply the css inline:

<ul style="list-style-type: initial;">
<li>Reiseübersicht</li>
<li>Reiseblog</li>
<li>Fotoprojekte</li>
</ul>

You can set the type to whatever style you like:
https://www.w3schools.com/CSSref/pr_list-style-type.asp

I’ve writtten custom css to set list-style-type for pallets, but I’ll need to get to my pc. On the iPad right now and it’s not the best tool for probing pages.

lema · 2019-03-10 23:29:09

I would like to use the list on other pages. So I need a code of all available.

LeMa

rod barbee · 2019-03-10 23:42:59

try adding this to your custom css file:

.widget ul li {
    list-style-type: initial;
    margin-left: 12px ;
   }

lema · 2019-03-11 00:29:37

I can not get any further here. I suspect it's a bug from BL2. It works in Main Copy but not in the Pallet 01 Copy and Pallet 02 Copy.

I thank you here for the help. Eventeull can Matthew fix the error.

rod barbee · 2019-03-11 00:57:06

It works for me. See my test page: http://backlight-2-100.barbeephoto.com/list/

my guess is that your custom css isn't being implemented correctly. How have you gone about it?

lema · 2019-03-11 02:11:32

I have previously included the custom css with another function (scroll-to-top function). This works.

I've added the code just as shown in these files. Eventeul I'm doing something else wrong.
___________________________________________
.btn-scroll-to-top {
background-color: transparent;
display: none;
position: fixed;
bottom: 7px;
right: 15px;
border: 1px solid;
height: 32px;
width: 32px;
border-radius: 50%;
text-align: center;
line-height: 29px;
vertical-align: middle;
text-decoration: none;
color:#6f7c80;

}
.btn-scroll-to-top:hover {
text-decoration: none;
color:#ff0000;
border-color: red;
}

a.btn-scroll-to-top {
z-index: 3;
}

.widget ul li {
list-style-type: square;
margin-left: 12px ;
}
________________________________________________

LeMa

rod barbee · 2019-03-11 02:25:40

Sorry, I forgot you’re using Backlight 1. There may be a different selector for the pallet text area.
I’ll take a look at that

lema · 2019-03-11 02:40:38

sorry I probably did not mention it either. I am use Backlight 2

LeMa

rod barbee · 2019-03-11 02:50:22

Actually, it's working for me in my Backlight 1 (1.2.3) test site using the same css.

I can't tell you much more without seeing a page though.

You could try adding it inline. Because of the specific css in backlight that sets the li list style to none in the pallets, you'd have to use code like this:

<ul >
<li style="list-style: square; margin-left:12px;">Reiseübersicht</li>
<li style="list-style: square; margin-left:12px;">Reiseblog</li>
<li style="list-style: square; margin-left:12px;">Fotoprojekte</li>
</ul>

but the selector: .widget ul li should work in custom css, unless there's more specific css somewhere else or unless there's other, overriding css coming after that.

If you know how to use the browser inspector, you can check to see what css is being applied to the list item and where it's coming from.

(just saw your note about using Backlight 2. I'll move this to that forum)

Community @ The Turning Gate

#1 2019-03-10 21:21:08

lists in the Pallet 01 Copy with Markdown does not work

#2 2019-03-10 22:24:43

Re: lists in the Pallet 01 Copy with Markdown does not work

#3 2019-03-10 22:32:01

Re: lists in the Pallet 01 Copy with Markdown does not work

#4 2019-03-10 22:36:43

Re: lists in the Pallet 01 Copy with Markdown does not work

#5 2019-03-10 22:43:18

Re: lists in the Pallet 01 Copy with Markdown does not work

#6 2019-03-10 23:03:00

Re: lists in the Pallet 01 Copy with Markdown does not work

#7 2019-03-10 23:29:09

Re: lists in the Pallet 01 Copy with Markdown does not work

#8 2019-03-10 23:42:59

Re: lists in the Pallet 01 Copy with Markdown does not work

#9 2019-03-11 00:29:37

Re: lists in the Pallet 01 Copy with Markdown does not work

#10 2019-03-11 00:57:06

Re: lists in the Pallet 01 Copy with Markdown does not work

#11 2019-03-11 02:11:32

Re: lists in the Pallet 01 Copy with Markdown does not work

#12 2019-03-11 02:25:40

Re: lists in the Pallet 01 Copy with Markdown does not work

#13 2019-03-11 02:40:38

Re: lists in the Pallet 01 Copy with Markdown does not work

#14 2019-03-11 02:50:22

Re: lists in the Pallet 01 Copy with Markdown does not work

Board footer