Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Problem with bullet alignment in lists

bulletslistsvisual composer
    • 9 years, 10 months ago jameson
      Participant

      Expired

      Howdy,

      I’m running into a weird predicament with bulleted lists. See the following link to my site for reference (site currently under construction; this page is set up specifically to highlight the issue):

      https://108.167.189.31/~rcc7273/donors/

      Description of the issue:

      In Visual Composer, using a “Text Box”, the first bullet in a list floats to the far end of its container.

      However, I just discovered that this only occurs if the list is made immediately after a “Separator” — if I remove the “Separator,” there’s no issue. Also, if I write up text before the list, the issue doesn’t occur. I tried to display things thoroughly in the link provided.

      Although I can technically avoid the problem, it’s still very inconvenient, as there’s times I’d like only a bulleted list following a separator.

      Any help with this problem will be much appreciated.

      Thanks!

      JC

    • 9 years, 10 months ago Mirela
      Participant

      Hello,

      The theme offers options to create many types of list (examples). You can use the visual composer to create them. However, even with the text editor bullet list, there should not be a problem. The bullets are not affected by any other element you will need to add. We tested the situation you described and had no issues. Please try again and let us know.

      Best regards!

    • 9 years, 10 months ago jameson
      Participant

      Expired

      Do you think the cause is my browser? I’m on a Toshiba 15″ laptop using Google Chrome. The same view happens on another one of my laptop devices as well. Are y’all seeing the issue on the link I provided?

      Here’s what I’m seeing:

      [caption id="" align="alignnone" width="1600"]Bullet issue From my view.[/caption]

    • 9 years, 10 months ago Mirela
      Participant

      Hello,

      Yes, we can see it, but can not reproduce it on our side as it does not happen.(we are using chrome as well) Please send us your wp credentials in a private reply, so we can check this further.

      Best regards!

    • 9 years, 10 months ago jameson
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 10 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      I fixed it.
      I added this code, into your example page’s custom css box:

      .codeless_separator {
        float: inherit !important;
      }
      span.separator {
        width: 35px !important;
      }

      Screenshot.
      Now the bullets show ok in all your study cases :)

      Best regards!

    • 9 years, 10 months ago jameson
      Participant

      Expired

      Hi :)

      Thanks for your efforts. I noticed the change, and it’s definitely a nice workaround. But my only problem is that it kind of only covers up the problem and leads to others.

      For example, the width of the separator now has to be 35px. Across my site, I set them to 80px.

      Secondly, any text used below the separator on a page with the code will get indented 35px.

      So I see how how it definitely fixes the bullets issue, but the other issues make it not a good solution for me. I’m not sure why this issue is happening, but hopefully we can find a solution.

      Thanks for your hard work thus far!

      Respectfully,

      JC

    • 9 years, 10 months ago Mirela
      Participant

      Hello,

      You can add this code only to the page you have the bullets so It won’t affect other pages. (screenshot). What other issues are you referring to?

      Best regards!

Viewing 7 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password