Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 12, 2017 at 2:29 pm #806896
    timahe

    Hello,

    when I am adding bullet points in enfolds full width easyslider everything works great while the text after each bullet point is short. If its longer the Bulletpoint doesn’t get shown correct. The text begins at a new line blow the bullet point though it should start below the text above. Also see here:

    I have also tried to put the content in an

      tag with

    • but when I did the whole content between the starting and closing tags disappeared.
      Would be great if you could provide me a solution for this.
    • This topic was modified 7 years, 6 months ago by timahe.
    June 13, 2017 at 5:56 am #807241
    Rikard

    Hey Tima,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    June 13, 2017 at 10:54 am #807346
    timahe

    I just created a testpage for you. If you edit the easyslider you’re able to check what we have tried (excluding the use of

      and

    • as everything disappeared when we tried this).
      Sharing the page in the private content (including login-details).
    June 14, 2017 at 4:49 am #807757
    Rikard

    Hi,

    Thanks for the link, though it looks like you haven’t used an actual list. Could you try this out instead maybe?

    
<ul>
<li>list item</li>
<li>list item</li>
</ul>

    Best regards,
    Rikard

    June 14, 2017 at 12:44 pm #807934
    timahe

    I tried exactly using the <ul> and <li> tag. If I do so, everything in the <ul> till </ul> disappears. I did again now. Please check…

    June 15, 2017 at 4:49 am #808384
    Rikard

    Hi,

    Ok, thanks for the feedback, but I’m not sure why you are adding markup and bullet point manually into the list? It should not be necessary to do so, could you try to remove the bullets and the bold/line break markup?

    Best regards,
    Rikard

    June 15, 2017 at 11:41 am #808524
    timahe

    I had 2 lists so you could see both dont work :-P
    I just removed them, please check again!

    June 21, 2017 at 5:55 am #810743
    Ismael

    Hi,

    We added the following css code in the Quick CSS Field.

    .js_active .avia-slideshow .caption_list li { 
    visibility: visible;
    opacity: 1;
    list-style-position: outside;
    padding: 10px 0 10px 0;
    text-indent: 0;
    position: relative;
    overflow: visible;
    list-style: disc;
}

.js_active .avia-slideshow .caption_list {
    margin: 0 0 10px 0;
    list-style: disc outside;
}

    List markup should be like the following:

    
<ul class="caption_list">
 	<li>ist spezialisiert auf Baurecht Test Test Test Test Test Test Test Test Test Test Test Test</li>
 	<li>hilft bei Erstellung des Bauvertrags Test Test TestTest Test TestTest Test Test Test 2 222</li>
</ul>

    Best regards,
    Ismael

    June 21, 2017 at 3:23 pm #810993
    timahe

    Hi Ismael,

    GREAT – thats exactly what I searched for all the time. Thanks a lot. But theres just one last thing left: The bullet points aren’t indented. Is it possible to intend them? In the private Content you will find an image how it should look like / where they should be.

    Thanks again :)

    June 21, 2017 at 4:23 pm #811016
    Sarah

    Hi,

    Can you please try replacing this from Ismael’s code:

    .js_active .avia-slideshow .caption_list {
    margin: 0 0 10px 0;
    list-style: disc outside;
}

    …and use this instead:

    .js_active .avia-slideshow .caption_list {
    margin: 0 0 10px 20px;
    list-style: disc outside;
}

    Only the last number in margin changed. It should add a margin to the left of the list.

    Please let us know if that works for you!

    Best regards,
    Sarah

    June 21, 2017 at 6:32 pm #811100
    timahe

    Perfect!! 5* Support!

    June 22, 2017 at 3:01 am #811284
    Sarah

    Hi,

    You’re very welcome! We’re happy to help. If you have any other questions or issues, feel free to post them here on the forum and we will try our best to help you.

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

    We’d also appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads

    Thank you for using Enfold.
    Cheers!
    Sarah

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Show Bullet points in full width EasySlider’ is closed to new replies.