Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #499946

    I need to create a custom bullet list inside the caption text area in a Fullwidth Easy Slider.
    I need:
    1) to use a custom image as bullet
    2) the list to be not centered, but align left

    This is my html code added in Caption Text area:

    <ul class="lista-maxitracce">
        <li>Passione per il Cliente</li>
    <li> Valore del Prodotto</li>
    <li> Cultura del Merito</li>
    <li> Forte Identità</li>
    <li> Progresso Responsabile</li>
    </ul>

    This is my css code I added in Quick CSS:

    ul.lista-maxitracce  li {
    list-style-image: url(https://www.maxitracce.it/wp-content/images/maxitracce-bullet.png);
    }

    Is it possibile and can you help me? Thanks

    • This topic was modified 9 years, 2 months ago by niguli.
    #499986

    Hey Nicola!

    I didn’t see it on your homepage. Can you send us a link to the exact page where your using it?

    Best regards,
    Elliott

    #499996

    Sorry, this is the page.
    Slide n2

    #500000

    Hey!

    Try adding this to your custom CSS.

    .avia-caption-content li {
      opacity: 1 !important;
      position: relative !important;
      text-align: left;
      visibility: visible !important;
    }

    Best regards,
    Elliott

    #500017

    Brilliant Elliot, nearly perfect.

    I only need to center the box (not the text) with the list under the Title, something like this:
    caption centered with text aligned left

    #500193

    Hey!

    Add this in the Quick CSS field:

    .avia-caption-content.av_inherit_color {
        text-align: center;
    }
    
    .lista-maxitracce {
        display: inline-block;
    }

    Cheers!
    Ismael

    #500201

    perfect!

    great job Ismael

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Custon bullet List inside caption text in Fullwidth Easy Slider’ is closed to new replies.