Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #786526

    Could not find solution on these forums.
    I was able to justify text in text block via custom CSS code (Quick CSS).

    I have 2 issues with bullet points

    1) How can I justify text in text block which has bullet points? I’m looking to justify 2 bullets points on the (?page_id=3545 Our New Markets Tax Credit…)

    2) When I add an image to text block and align it to the left, bullet points are not indented see (?page_id=3603 “But For” the NMTC Financing…) how to fix it?

    Login credentials below.

    • This topic was modified 7 years, 7 months ago by anristudio.
    #786722

    Hey onastvar,

    For the justify option:

    Images are not supposed to have bullet points
    Can you give us an example so we can try understand where the issue is located?

    Thank you

    Best regards,
    Basilis

    #786776

    Thanks Basilis!
    I fixed issue #1 with plugin you recommended.

    For issue #2 ( (?page_id=3603 “But For” the NMTC Financing…)
    I need to right – indent bullet points that are next to the image. Bullet points are part of previous sentence, we just want to add image next to the text. Is this possible?

    View post on imgur.com

    #786958

    Hi onastvar,

    I checked the page you linked, but it seems like the bullet points are indented now. Do you still need our assistance with anything?
    This is what I can see:

    View post on imgur.com

    Best regards,
    Sarah

    #786963

    Thanks Sarah!
    This is still an issue in general, I’d like to know if you can solve it?

    When you add an media image (aligned to the left) to a textbox where there are paragraphs with bullet points then bullet points aren’t indented.

    I had fixed the issue by adding image to another layout element which separates text from image.

    #787368

    Hi,

    The issue is that the bullet points are there, but hidden behind the image
    To have that worked out, you just need to add some padding to the bullets through CSS and it will fix the problem

    Best regards,
    Basilis

    #787407

    Thanks Basilis!
    Do you have an example how would I insert picture inside of textblock and indent bullet points to be consistent with rest of the site?

    • This reply was modified 7 years, 7 months ago by anristudio.
    #788767

    Hi,

    You can try to use .entry-content ul{list-style-position: inside !important;}

    However, it looks a little different from how lists are styled by default. I suggest using the layout elements that Enfold offers, or align the image to the right.

    Best regards,
    Sarah

    #789154

    Sarah,

    Bullet Point indent works as expected when image is aligned to the right, however It does not work when image is aligned to the left.
    Perhaps you can add this bug to the list of issues and see if it can be fixed. I had to align images to the right for my client to make bullet points behave as designed. Using layout elements works in some situations, but not always, so that’s why I opened up this thread.

    At the end of the day, aligning images to the right was not ideal solution, bullet points should display with same indent even if image is aligned to the left.

    Thanks for great support.

    #789272

    Hi onastvar,

    Thank you for the feedback. This issue happens not just in our theme, but for all websites. I suppose you can say it’s an HTML bug? :D There are padding workarounds, and web designers apply this whenever it is needed.

    Please do feel free to request a feature in future releases of Enfold. You can do so here: https://kriesi.at/support/enfold-feature-requests/

    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you.

    Thank you for using Enfold!

    Cheers!
    Sarah

    #791356

    is it possible to have bullet points 7, 8, 9, 10 on this page (see private)
    nested and indented inside 1em? How would I do this only for 4 bullet points?

    Other bullet points 11, 12, 13, 14 15 16 17 18 would stay as is, please advise?

    #791492

    Hi,

    I see that you put items 7-10 in another list.

    You can put them back in the same list then use this code:

    .avia-builder-el-1 ul li:nth-child(7),
    .avia-builder-el-1 ul li:nth-child(8),
    .avia-builder-el-1 ul li:nth-child(9),
    .avia-builder-el-1 ul li:nth-child(10) {
       list-style-position: inside !important;
    }

    Or you can put it in another list and add a custom css class to it using the instructions here: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Sarah

    #791872

    Thanks
    I put 7-8-9-10 bullet points back into the same list
    added your css code and i still don’t see change
    (refreshed/reloaded & cleared cache)
    could you please take a look?

    #791884

    Hi,

    Are you sure that you added this custom CSS code in the General Styling > Quick CSS ?

    Best regards,
    John Torvik

    #791891

    Yes, I’m sure. Login credentials are available to you (post #1), if you have time to double check.

    #792038

    Hi onavastar,

    I read your list items, and I noticed that you do need those items to be in a nested list like you mentioned before. :) Sorry about that. So I edited your content; I also removed the CSS we made because it’s unnecessary now.

    To create the nested list inside your Text Block, toggle the extended toolbar and click the indent button. 
    Here’s a screenshot: http://imgur.com/a/o3qXu
    And here’s a thread about it: https://wordpress.stackexchange.com/questions/107944/is-it-possible-to-create-nested-lists-in-the-wysiwyg-editor 

    Best regards,
    Sarah

    #792040

    It’s perfect – Thank you so much!

    #792068

    Hi,

    You’re welcome! We’re glad to help.

    Do you need any other help with this, or can we close this thread?
    Best regards,
    Sarah

    #793483

    please close.

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Bullet Points – how to justify text’ is closed to new replies.