Skip to main content
Juliana Spinardi
Juliana Spinardi
Helper ⭐️
Feb 2, 2022 2:38 PM UTC
Solved

Align and Bullet points configuration

Hey community. 

I’m having problems with align and bullet points. When I edit the post in Control, the preview is perfect 

 

 

but, when I go to the post, it is not looking nice. 

 

 

 

Can you please help me? 
Cheers! 

      ravi.kurma
      ravi.kurmaAnswer
      Helper ⭐️⭐️⭐️
      Feb 22, 2022 9:44 PM UTC

      Hi @Juliana Spinardi!

      I was able to fix the bullet points on this page below:

      https://community.pipefy.com/finance-ops-83/what-is-finance-process-automation-1539 

      I added the below snippet to the bottom of your Custom CSS to fix the issue → But I believe this might cause issues elsewhere as the entire footer section is adjusting elements globally and this is just adding another element on top of everything to fix it.

      .post__content img {
          display: inline;
          margin-left: 15px;
      }

      I would suggest taking a second look at the footer section and removing elements that are not needed. Usually we as support don’t provide in this regard as its very customizable and should be looked at by a professional who is a master of CSS!

       

      Sincerely,

      Ravi

      View in thread

      9 replies

      ravi.kurma
      ravi.kurma
      Helper ⭐️⭐️⭐️
      Feb 15, 2022 5:45 PM UTC

      Hi @Juliana Spinardi!

      Sorry for the delay on this!

      I was investigating further into this and found potentially what could be causing this. There’s some unwanted Custom CSS rules in your footer that are being mistakenly applied across the community. 

      For example, disabling this part of the CSS fixes the bullet points issue. This seems to be occurring globally on the front end. 

      Hopefully this gives you an idea where the issue is coming from! Let us know if you need any help!

      Sincerely,

      Ravi

      Translate
      cris
      Contributor ⭐️⭐️
      Feb 17, 2022 5:57 PM UTC

      heya @ravi.kurma I also have our bullet points look like this, and it totally didn’t occur to me it would be due to our footer. I am not a CSS person, is there an easy way for me to fix this without messing up our footer?

      Translate
      ravi.kurma
      ravi.kurma
      Helper ⭐️⭐️⭐️
      Feb 17, 2022 6:18 PM UTC

      Hi @cris 

      I am totally not a CSS person as well and still learning! However I was able to find in your Custom CSS section this snippet:

      * {
          padding: 0;
          margin: 0;
          box-sizing: border-box;
      }

      I removed it and it seems to have fixed the issue with the bullet points. I don’t think it affected anything else, but please do let us know if something is off!

       

      Sincerely,

      Ravi

      Translate
        cris
        Contributor ⭐️⭐️
        Feb 17, 2022 7:23 PM UTC

        Oh brilliant thanks @ravi.kurma and yes the footer still looks fine. Appreciate your help! I always just assumed this was how bullets displayed on InSided, which made me sad. Good to know it’s our own fault! 

        Translate
          Juliana Spinardi
          Juliana SpinardiAuthor
          Helper ⭐️
          Feb 17, 2022 7:30 PM UTC

          @cris SAME ISSUE here. 

          I’m feeling dumb trying to fix it. LOL

          Translate
            ravi.kurma
            ravi.kurma
            Helper ⭐️⭐️⭐️
            Feb 17, 2022 8:49 PM UTC

            Hi @Juliana Spinardi!

            I’ll take a look and see if I can fix it for your community as well. Your footer section’s custom code is … let’s just say a lot :grin:.

            Sincerely,

            Ravi

            Translate
              ravi.kurma
              ravi.kurma
              Helper ⭐️⭐️⭐️
              Feb 17, 2022 9:12 PM UTC

              Hi @Juliana Spinardi!

              I was able to fix the bullet points by adjusting the numbers from 0 → 4:

              https://community.pipefy.com/it-ops-86/latency-and-throughput-what-you-should-know-before-designing-your-system-1494

              -- Let me know if this is okay, otherwise I can revert it back. Or let me know if this broke something elsewhere.

              I am still unable to find the exact field for the bullet points with pointing fingers, this might take me a while but i’ll keep looking.

              Sincerely,

              Ravi

              Translate
              Juliana Spinardi
              Juliana SpinardiAuthor
              Helper ⭐️
              Feb 18, 2022 12:56 PM UTC

              Hi @Juliana Spinardi!

              I’ll take a look and see if I can fix it for your community as well. Your footer section’s custom code is … let’s just say a lot :grin:.

              Sincerely,

              Ravi

              Thanks, Ravi

              Can you let me know when you do it? 
               

              Translate
              ravi.kurma
              ravi.kurmaAnswer
              Helper ⭐️⭐️⭐️
              Feb 22, 2022 9:44 PM UTC

              Hi @Juliana Spinardi!

              I was able to fix the bullet points on this page below:

              https://community.pipefy.com/finance-ops-83/what-is-finance-process-automation-1539 

              I added the below snippet to the bottom of your Custom CSS to fix the issue → But I believe this might cause issues elsewhere as the entire footer section is adjusting elements globally and this is just adding another element on top of everything to fix it.

              .post__content img {
                  display: inline;
                  margin-left: 15px;
              }

              I would suggest taking a second look at the footer section and removing elements that are not needed. Usually we as support don’t provide in this regard as its very customizable and should be looked at by a professional who is a master of CSS!

               

              Sincerely,

              Ravi

              Translate
              Terms & ConditionsAccessibility statement