How Do I Fix the Format of Bulleted Lists in my Posts?

Hello - on our site http://www.e3ngage.com we are having a strange issue with the bulleted lists in our blog posts. See for example:

http://www.e3ngage.com/seo/mapping-keywords-beginners-guide/

The following are properly formatted bulleted lists (at least in the WordPress Post Editor screen):

"Home Page: The keyword phrase that best represents your business as a whole.
Individual Product/Service Landing Pages: Focus on the keyword that describes what your target customer would be searching for.
Blog Posts: This can help you cast a wider net around more keywords. More on that, below."

"
Page Title
At Least One H1 Heading
Several Times in Your Body Text – but not too much

If you follow the mapping rule of one page, one purpose and if you know precisely what your keyword target is for that page, you can include your keywords in a natural manner. The easiest way to do this by using plain language and being precise. If you have to shove your keywords in awkward places that don’t make sense, you’re going to be in trouble. The more natural your text sounds, the better."

But as you can see it does weird stuff. There are no dots that appear and the formatting as way off. Also for some reason a big chunk of text from right below it will often pull up and look almost right aligned?? Anyways, this is happened blog-wide so any post that uses a bulleted list looks like this and suffers the same problems. We've refrained from using bulletted lists but we hate that we have that restriction.

Maybe its a CSS error? We are really hoping its not some conflict with a plugin or something...

Thanks in advance for your assistance.

Kind regards,

AD

  • Ash

    Hello Adrian

    I hope you are well today and thanks for your question.

    Yes, it's a css issue. Your ego theme css is resetting default style for
    ul, even it is always floated left.

    Anyway, the solution is, put the following line of codes in your style.css.

    .blog-post-content ul{
    list-style-type: disc;
    margin-left: 20px;
    }

    This will enable bullet point inside the blog post content. Other hand, if you want bullet to show in your whole site (e.g. sidebar, header, footer), then just use:

    ul{
    list-style-type: disc;
    margin-left: 20px;
    }

    Hope it helps. Let me know if it fixes your issue. If you have any more question please feel free to ask.

    Cheers
    Ash

  • Adrian

    Hey sorry to buy you again. If you look at the post:

    http://www.e3ngage.com/seo/blogging-for-local-internet-marketing/

    You'll see that the numbered lists are suffering from a similar problem as the bulletted lists were. The text:

    " Were you blogging with SEO in mind?
    Were you blogging to answer your customers’ questions and solve their problems?
    Were you blogging at least once per week?
    Did you give blogging at least a year’s worth of serious effort?

    If you can’t answer yes to these questions, it’s no wonder your blogging efforts didn’t work. In order to a blog to be useful and effective it has to provide visitors with useful and effective information. It has to be consistent. And you have to give it time to work."

    Is properly formatted in the post editor screen, but as you can see it shows up funny on the front end. Same with the text:

    " Promote, Promote, Promote: You will have to actively promote your new posts so that people will see them. Be sure to push out every new blog post on your Facebook, Twitter, and Google Plus pages. You can automate this step, but sometimes it helps to add your own intro to the links rather than just publish the titles. And you have to do it more than once. One Tweet isn’t going to bring people to you. You have to push, push, and re-push a post every so often so that your blog can get in front of the most eyes as possible. But this is a fine line. Don’t post the same thing every hour for three weeks. Promote the day you post goes live. Then again later in the week. And schedule a few more posts once or twice a week for the next month or so. Do this for every post to be sure you’re connecting with lots of people.

    Blogging Isn’t a Guaranteed Path to the Top"

    As it like squishes right next to the headline below it. Again this is blog wide just like the bulletted lists. Thanks again so much in advance for your assistance.

    Best regards,

    Adrian

  • Adrian

    Hey Ash thanks again! It SORT of worked - it looks great except for some weird reason it has turned most of the things that were BOLD to being NOT BOLD. For example:

    Create an Editorial Calendar: At the beginning of each month, choose the topics you want to cover in your blog, and decide when you’re going to publish. This exercise is useful to help you create new topics for your blog posts, and keeps you on track throughout the month. You can also quickly reference past months’ calendars to see which topics you’ve already covered and expand on the popular topics, or rethink the duds.
    Write: The biggest barrier to blogging for local business is time. Carving out the time to write blog posts can seem impossible when you’ re running a business. But once you have your editorial calendar in place, you can set aside one full day to write your posts, or you can assign the titles to someone in your office. If you’re updating the blog just once per week, that’s only four blog posts a month, which could be written in just one day.
    Blog For Your Customers, Not Yourself: Don’t create blog posts that talk about yourself. Your posts should NEVER contain the words, “I” or “We.” Nobody is reading your blog to find out who the employee of the month is. Your blog should be a place where you provide useful information and solve your customers’ problems. Make a list of the questions your customers ask over and over and over again. Every question is a possible blog post. Scan online forums and Q&A boards related to your industry. See what people are talking about and you’ll find even more topics to blog about.
    Don’t Forget Keywords: Be sure that as you create blogs posts, you’re incorporating your keywords into your planning. Incorporating your keyword themes into your blog posts will help boost your other internet marketing efforts.
    Keep it Local: There are creative ways to localize your blog. For example, let us pretend you own an HVAC company. And let us further pretend that your city is experiencing record high temperatures during the summer. You can update your blog with news on the heat wave and tie that into a series about staying safe and healthy during extreme temperature swings. Tie the posts in with other local businesses and you’ve got yourself some great local flavor, with natural, local references. The posts are actually useful to people, and they can easily be shared among your readers and social network
    Promote, Promote, Promote: You will have to actively promote your new posts so that people will see them. Be sure to push out every new blog post on your Facebook, Twitter, and Google Plus pages. You can automate this step, but sometimes it helps to add your own intro to the links rather than just publish the titles. And you have to do it more than once. One Tweet isn’t going to bring people to you. You have to push, push, and re-push a post every so often so that your blog can get in front of the most eyes as possible. But this is a fine line. Don’t post the same thing every hour for three weeks. Promote the day you post goes live. Then again later in the week. And schedule a few more posts once or twice a week for the next month or so. Do this for every post to be sure you’re connecting with lots of people.

    The first part of all of these should be BOLD, but after using the CSS change only one of them looks bold now. Please advise on how best to proceed. Thanks!

    AD

  • Ash

    Hello AD

    I am glad that it worked!

    In fact, style stuff with bullets and numbered list didn't affect the BOLD code. It was like that. The page is opened to me before your changes and I checked, in that one there was no BOLD but one. So, it was conflict with some other css code.

    Also as you as you made this bold through WP editor, so it will be always bold when you will view in that editor. But with css you can force that font to show as normal. I just overwrote that settings and made this permanent bold. So from now, when you select BOLD from your WP editor, it will always be BOLD in the site.

    Feel free to ask if you have any more question :slight_smile:

    Cheers
    Ash

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.