Tagged: , ,

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • May 2, 2017 at 4:40 pm #786526
    anristudio

    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, 6 months ago by anristudio.
    May 2, 2017 at 9:29 pm #786722
    Basilis

    Hey onastvar,

    For the justify option:

    Re-add text underline and justify

    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

    May 2, 2017 at 10:54 pm #786776
    anristudio

    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

    May 3, 2017 at 8:03 am #786958
    Sarah

    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

    May 3, 2017 at 8:18 am #786963
    anristudio

    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.

    May 3, 2017 at 8:25 pm #787368
    Basilis

    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

    May 3, 2017 at 9:09 pm #787407
    anristudio

    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, 6 months ago by anristudio.
    May 6, 2017 at 9:06 am #788767
    Sarah

    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

    May 7, 2017 at 7:36 pm #789154
    anristudio

    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.

    May 8, 2017 at 2:56 am #789272
    Sarah

    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

    May 10, 2017 at 10:01 pm #791356
    anristudio

    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?

    May 11, 2017 at 6:26 am #791492
    Sarah

    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

    May 11, 2017 at 8:08 pm #791872
    anristudio

    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?

    May 11, 2017 at 8:26 pm #791884
    John Torvik

    Hi,

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

    Best regards,
    John Torvik

    May 11, 2017 at 8:32 pm #791891
    anristudio

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

    May 12, 2017 at 5:03 am #792038
    Sarah

    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

    May 12, 2017 at 5:12 am #792040
    anristudio

    It’s perfect – Thank you so much!

    May 12, 2017 at 6:08 am #792068
    Sarah

    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

    May 15, 2017 at 8:19 pm #793483
    anristudio

    please close.

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