Bullet Points in a Wordpress Blog

17 replies
Could anyone help me out. I have just set up a new Christmas site using wordpress and a christmas theme. The theme allows the use of bullet points. When I add a new post and insert an image, I have some text to the right hand side of the image. I set this up with bullet points but when I publish the post the bullet points will only appear in the text below the image, not to the right hand side.

Would anyone know a way around this, if you want to take a look at what I mean the site is Plan For Christmas dot com and if you look at some of the posts, you will see what I mean.

Many thanks to anyone who can help me out.

Katherine
#blog #bullet #points #wordpress
  • Profile picture of the author tpw
    add align="left" to your images.

    you can do it in your html code, and I believe there is an option as well where you insert your image into the post.
    Signature
    Bill Platt, Oklahoma USA, PlattPublishing.com
    Publish Coloring Books for Profit (WSOTD 7-30-2015)
    {{ DiscussionBoard.errors[2852758].message }}
  • Profile picture of the author Katherine Cairns
    Thanks tpw for your reply, I have done that and it still doesn't work.
    {{ DiscussionBoard.errors[2852771].message }}
  • Profile picture of the author Tracey_Meagher
    Katherine, are the bullets the little Christmas trees. It looks like the are working, ie. aligned to the left of the text.
    {{ DiscussionBoard.errors[2852808].message }}
  • Profile picture of the author P.Sharma
    ok click on the image and there will be a small box that appears on the top right corner of the image. Click that small icon and it will take you to the image properties. All you need to do then is choose where you want to align the image. If you align it to the right it will show the text on the left.

    You can also link the image to another page and also USE THE ALTERNATE TEXT as the keyword that you want to rank for. Its great for SEO

    I hope that helps
    {{ DiscussionBoard.errors[2852815].message }}
  • Profile picture of the author Katherine Cairns
    Yes Tracey, they are the little christmas trees but if you notice they only work below the image, not to the right of it.

    Thanks
    {{ DiscussionBoard.errors[2852818].message }}
    • Profile picture of the author Tracey_Meagher
      Originally Posted by Katherine Cairns View Post

      Yes Tracey, they are the little christmas trees but if you notice they only work below the image, not to the right of it.

      Thanks
      Oh I see, you mean under Product Features. A quick look at your code shows the xmas tree bullets are defined in .art-BlockContent-body like below (BlockContentBullets.png is the tree image)

      .art-BlockContent-body ul li

      {

      padding:2px 0 2px 22px;

      background-image: url('images/BlockContentBullets.png');

      background-repeat:no-repeat;

      margin:0.5em 0 0.5em 0;

      line-height:1.2em;

      }


      But your code for Product features in contained within

      <div class="art-PostContent"> Product Features code is in here</div>

      It should be contained within

      <div class="art-BlockContent-body"> Product Features code should be within these divs</div>

      So it looks like the theme is not setup to show the bullets on the Product Features.
      {{ DiscussionBoard.errors[2852868].message }}
  • Profile picture of the author Katherine Cairns
    Thanks Tracey, your good!!!

    If I remove the image and just leave the text the bullet points will show, so not sure how to get around this.
    {{ DiscussionBoard.errors[2852914].message }}
  • Profile picture of the author cindybidar
    My guess is that the bullet points are there, but hidden behind the picture. It's because unordered lists are set to align the bullets outside the text area. If you change it to inside, with a line in your stylesheet like this "list-style-position:inside;" that may fix it.

    But the easier way to deal with it is to put your picture on the right, and wrap the text to the left.
    {{ DiscussionBoard.errors[2853000].message }}
  • Profile picture of the author Istvan Horvath
    ^^ what she said. The bullets/images ARE there... just covered by the image.

    Either re-align the pic or you need to play long with the CSS.
    Signature

    {{ DiscussionBoard.errors[2853052].message }}
    • Profile picture of the author sbucciarel
      Banned
      Originally Posted by Istvan Horvath View Post

      ^^ what she said. The bullets/images ARE there... just covered by the image.

      Either re-align the pic or you need to play long with the CSS.
      Istvan .... you're the expert on Wordpress. I want to post press releases to my site but I don't want them to show up on the main page. I've tried several plugins and they didn't work as described. Is there some code I can put in the template to make this happen?
      {{ DiscussionBoard.errors[2853102].message }}
      • Profile picture of the author Istvan Horvath
        Originally Posted by sbucciarel View Post

        I want to post press releases to my site but I don't want them to show up on the main page. I've tried several plugins and they didn't work as described. Is there some code I can put in the template to make this happen?
        How do you post them?
        As posts in a separate category? Or via RSS from other places? Or...?
        Signature

        {{ DiscussionBoard.errors[2853275].message }}
        • Profile picture of the author sbucciarel
          Banned
          Originally Posted by Istvan Horvath View Post

          How do you post them?
          As posts in a separate category? Or via RSS from other places? Or...?
          Press releases go into the press release category. It's a Google News Site and I don't want the press release category to show up on the front page or the posts in that category. I don't use rss feeds on the site. All content is unique except for press releases. The press releases are indexed by Google news differently than the regular news and I have two sitemaps that google crawls. One for regular news and one for press releases. I just want the press releases out of site from the main page.
          {{ DiscussionBoard.errors[2853301].message }}
  • Profile picture of the author Tracey_Meagher
    Katherine, I have tried nesting the picture and list in their own individual divs, setting the width and float properties and the bullets are showing. I can send you the code if you'd like to try it.
    {{ DiscussionBoard.errors[2853067].message }}
    • Profile picture of the author Katherine Cairns
      Yes Tracey, could you send me the code please.

      Many thanks to everyone who took the time to reply, it is much appreciated.

      Katherine
      {{ DiscussionBoard.errors[2853228].message }}
  • Profile picture of the author Istvan Horvath
    If the plugins you tried don't work... you can modify the index.php of your theme:
    The Loop « WordPress Codex

    Note: if you do this, you will need to have templates for all the other "multiple post views" (category and monthly archives, search results) and for single posts and Pages. Remember, if a template is missing, WP falls back to index.php...
    > Template Hierarchy « WordPress Codex
    Signature

    {{ DiscussionBoard.errors[2853352].message }}
    • Profile picture of the author sbucciarel
      Banned
      Originally Posted by Istvan Horvath View Post

      If the plugins you tried don't work... you can modify the index.php of your theme:
      The Loop « WordPress Codex

      Note: if you do this, you will need to have templates for all the other "multiple post views" (category and monthly archives, search results) and for single posts and Pages. Remember, if a template is missing, WP falls back to index.php...
      > Template Hierarchy « WordPress Codex
      Thanks. Am checking that out. Appreciate it. I don't know anything about The Loop
      {{ DiscussionBoard.errors[2853366].message }}
  • Profile picture of the author Istvan Horvath
    Suzanne, let me know if you need help with it ( I am "thepensionguy" at the big G's mail)
    Signature

    {{ DiscussionBoard.errors[2853372].message }}

Trending Topics