Okay
  Public Ticket #1035350
Bullet Points Issue
Closed

Comments

  •  2
    Stephen Trevathan started the conversation

    Hello again, 

    The issue I am having is that I would like bullet points to show up on our services page. We have a list of common problems that are set up as two columns. In the backend, I have this set up as an unordered list but the bullet points don't show up on the frontend. I'd like these to show up, because some of these problem behaviors include multiple words. On smaller screens, they don't stay on the same line. For "obsessive compulsive disorder", there is no visual cue to show mobile visitors that these words are meant to be grouped as one term. 

    I'm pretty sure that I had asked about the bullet points before. This was because before they didn't look right. The bullet point was just "hovering" next to an item and didn't create the visual effect that we've come to expect in modern websites. 

    I mention this because I'd like to know if there is a way to implement bullet points like in the snapshot I am including.

    Thanks! 

  •  850
    Jelly replied

    Hi,

    You can add this custom style to display the bullet:

    .page-id-710 ul {
        list-style: inherit !important;
    }
    

    I had updated it for your website.

    Best Regards,
    Jelly Team

  •  2
    Stephen Trevathan replied

    Thanks for the fix!

    However, I was wondering how I can add a little more space between the columns? On mobile screens, it can be a little confusing. I think that little bit of extra space would create the visual distinction we need!

  •  850
    Jelly replied

    Hi,

    The only way is make it full width so it will easy to read than now , I can try do it if you want. Let me know your opinion.

    Best Regards,
    Jelly Team

  •  2
    Stephen Trevathan replied

    I'd be interested to see what the two columns look like at full width.

    Thanks!

  •  850
    Jelly replied

    Hi,

    Please add the css code in the path: Appearance -> Theme Editor -> Style.css, please put it in the end of the file:

    .list-item-custom {
        width: 100% !important;
        padding: 0 !important;
        text-align: left;
    }
    #content .text div.list-item-custom:nth-child(8) ul > li:last-child {
        padding-bottom: 75px;
    }

    The result will look like my screenshot.

    Best Regards,
    Jelly Team

  •  2
    Stephen Trevathan replied

    The adjustments really worked out well! Thank you and you can close this ticket.

  •  850
    Jelly replied

    Hi,

    Glad it’s working for you now.

    I am currently closing the ticket. Please don’t hesitate to submit a ticket whenever you need help. I will be happy to assist you.

    P.S. I would appreciate if you could please rate the Theme and like the assistance under my support, means a lot to me. Thank you.

    You can rate it with your themeforest account at your downloads page, precisely at this link: http://themeforest.net/downloads and hover over the 5 stars for our theme.

    Also, if you have linkedin account, please endorsements for me at this link: https://www.linkedin.com/in/locrabbirt/.

    Thank you so much for all your help!!!

    Best Regards,
    Jelly Team