problem with list layout

mimmocicero · January 2021

Hi Muffingroup,

sorry for my english, i try to create a list inside my website and if i write this short code

the result of the list is image 1

i would like modify the list and i would prefer the result in the image 2 with the progress number instead of check symbol

is there a way (css, short code or other...) to do it?

thanks best and regards

Domenico

Phil · January 2021

Hello,

Instead of <ul>, please, try to use the <ol> tag. After that your list will have numbers instead of check symbol.

https://themes.muffingroup.com/be/theme/shortcodes/typography/#lists

Thanks

mimmocicero · January 2021

https://forum.muffingroup.com/betheme/discussion/comment/194368#Comment_194368

https://forum.muffingroup.com/betheme/discussion/57682/problem-with-list-layout

mimmocicero · January 2021

https://forum.muffingroup.com/betheme/discussion/comment/194368#Comment_194368

i used <ol> but insert only list number in the text block (1. 2. 3. etc) i would like the same layout of checklist like in the photo above

thanks

Phil · January 2021

Can tell me what do you mean by "the same layout", please?

You mean these lines between list points or something else?

Thanks

mimmocicero · January 2021

yes exacltly

Phil · January 2021

Please, add to the numbered list class custom_line and paste the following Custom CSS in page options.

ol.custom_line li::after{
content: "";
width: 70px;
height: 1px;
overflow: hidden;
background: rgba(0,0,0,.08);
position: absolute;
left: 0;
}

Thanks

mimmocicero · January 2021

i don't have a page but a product page of woocommerce and i on can insert the short code inside description.

like this:

[one_second]

<h2>Lorem ipsum primis aliquam risus</h2>

Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus. Integer ultrices posuere cubilia Curae, Nulla ipsum dolor lacus, suscipit adipiscing.

<li>Visit and lunch at an organic provola dairy farm</li>

<li>Aliquam consectetur orci eget dictum</li>

<li>Sed mollis consequat eleifend</li>

</ol></strong>

The Madonie mountains are the cradle for centuries-old crafts and tastes. From stretched curd cheeses to local unique pottery, from artistic carved wood to cosy old bakeries, several charming medieval towns are full of hidden treasures to be discovered and tasted. Driving along the northern slopes, through a lush landscape with olive trees, cork oak forests and green pastures you will visit one of the areas in Sicily where traditions and genuine food are still flourishing. You will meet local resilient entrepreneurs, little heroes who make these rural areas still alive and productive. The visit of the charming town centres and monuments in Collesano and Castelbuono will beautifully frame this rural experience.

<strong>Duration:</strong> full day

<strong>Group size:</strong> min 2 - max 16

<strong>Suitable for families:</strong> yes. Children will enjoy the meeting with cows and calves, the ceramic workshop and a delicious ice cream.

<strong>Days:</strong> this tour can be booked every except for Sundays and special holidays. We need anyway to confirm the availability with the local providers.

<u>All our excursions are for private groups only.</u> All our suggestions can be adapted and customised according to your wishes and expectations. Costs change according to group size and distances. To book this excursion or receive more info please use our form or send us an email to <a href="mailto:[email protected]">[email protected]</a>

Our suggestions are based on the idea of slow travelling. We do not want to offer quick visits but rather experiences that can be enjoyed with no hurry.

Many of the farms, workshops and wineries that we visit during our tours do not work primarily with tourists so every excursion has to be confirmed with the providers and needs to fit in their daily work schedules. Some activities and itineraries can vary according to season and weather conditions.

[/one_second]

[one_second]

[/one_second]

[divider height="30" style="default" line="default" color="#deddd9" themecolor="0"]

<h2>Other Images</h2>

[gallery size="full" link="file" columns="2" ids="205,204,203" style="masonry"]

mimmocicero · January 2021

sorry the correct code is:

[one_second]

<h2>From Collesano to Castelbuono: handicraft, dairies, wines and baking traditions around Cefalù</h2>

<h5 style="color:#81b73e";>Highlights</h5>

<li>Visit and lunch at an organic provola dairy farm</li>

<li>Traditional pottery workshop</li>

<li>The church of Collesano</li>

<li>Confectionary tasting in Castelbuono</li>

<li>The medieval town and castle of Castelbuono</li>

<li>Organic wines aperitivo</li>

<li>Amazing landscapes</li>

</ul>

The Madonie mountains are the cradle for centuries-old crafts and tastes. From stretched curd cheeses to local unique pottery, from artistic carved wood to cosy old bakeries, several charming medieval towns are full of hidden treasures to be discovered and tasted. Driving along the northern slopes, through a lush landscape with olive trees, cork oak forests and green pastures you will visit one of the areas in Sicily where traditions and genuine food are still flourishing. You will meet local resilient entrepreneurs, little heroes who make these rural areas still alive and productive. The visit of the charming town centres and monuments in Collesano and Castelbuono will beautifully frame this rural experience.

<strong>Duration:</strong> full day

<strong>Group size:</strong> min 2 - max 16

<strong>Suitable for families:</strong> yes. Children will enjoy the meeting with cows and calves, the ceramic workshop and a delicious ice cream.

<strong>Days:</strong> this tour can be booked every except for Sundays and special holidays. We need anyway to confirm the availability with the local providers.

<u>All our excursions are for private groups only.</u> All our suggestions can be adapted and customised according to your wishes and expectations. Costs change according to group size and distances. To book this excursion or receive more info please use our form or send us an email to <a href="mailto:[email protected]">[email protected]</a>

Our suggestions are based on the idea of slow travelling. We do not want to offer quick visits but rather experiences that can be enjoyed with no hurry.

Many of the farms, workshops and wineries that we visit during our tours do not work primarily with tourists so every excursion has to be confirmed with the providers and needs to fit in their daily work schedules. Some activities and itineraries can vary according to season and weather conditions.

[/one_second]

[one_second]

[/one_second]

[divider height="30" style="default" line="default" color="#deddd9" themecolor="0"]

<h2>Other Images</h2>

[gallery link="file" columns="2" size="large" ids="205,204,203"]

Phil · January 2021

Then put this CSS Code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

It will work from there too ?

Thanks

mimmocicero · January 2021

doesn't work

Phil · January 2021

Can you send me a link to the product that contain this list, please? I need to take a closer look at it.

Thanks

problem with list layout

Comments