Support » Themes and Templates » Can't Aligm Bullet Point

  • Hi All!

    I’m in a dilema. I haven’t done anything major with the CSS file and have even replaced it with the original and started again but for some reason I just can’t get this bullet point to align.

    If you go to http://www.genuinefreebies.co.uk/blog/ you can see on the left hand menu it has one bullet point not on the left with the others.

    I’ve tried everything but just can’t find it!

    Any help muchly appreciated.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Michael

    (@alchymyth)

    Forum Moderator

    i see it in IE&, not in FF3.6;

    could be caused by this style:

    #midcont p
    {
    float:left;
    width:223px;
    font-size:15px;
    text-align:left;
    line-height:18px;
    voice-family:"\"}\"";
    line-height:17px;
    color:#513D2C;
    margin:0px;
    padding:0px;
    padding-bottom:25px;
    
    }

    try to remove the float:left; from it;

    you may need to ‘reload’ the page in the browser, or clear the browser cache by pressing ‘ctrl f5’ at the same time, to see the changes.

    if this helps, then check all the pages on your site that this had no negative side effects.

    Thank you, this has worked.

    But now (and I do not think it is related to changing that one line) the main content on the right of the page seems to align to the right. But it is only the first line of the header that it does it on.

    Any idea how I can change that?

    Thank you!

    Michael

    (@alchymyth)

    Forum Moderator

    there is an empty h1 tag in that line:

    <div id="dvrightpanel"><!-- right panel div starts here-->
    
    <h1></h1>
    <div id="container">

    edit the template file showing the page, could be blog.php(?), and try to find this h1 tag (there could be php ocde within the h1 tag).

    if you don’t know how to change it, you could paste the code of this template file into a http://wordpress.pastebin.com/ and post the link to it here.

    Hi there,

    I have removed the H1 tag, which has sorted that alignment issue. But now I am tasked with a much harder error… the spacing in between paragraphs is far too large, I’ve tried changing various P and margin tags in the style.css but have had no luck.

    I have also noticed there is a slight different in display between Chrome and FireFox browsers.

    It’s starting to get a lot more complicated!

    The style CSS – http://wordpress.pastebin.com/3CShNTim
    The index template – http://wordpress.pastebin.com/jPVQ0PGM

    Michael

    (@alchymyth)

    Forum Moderator

    two of the styles influencing the space between paragraphs, are:

    #dvrightpanel p
    {
    float:left;
    width:530px;
    font-size:13px;
    text-align:left;
    voice-family:"\"}\"";
    line-height:16px;
    color:#513D2C;
    margin:0px;
    padding:10px 0px 10px 15px;
    }

    and

    #content p,
    #content ul,
    #content ol,
    #content dd,
    #content pre,
    #content hr {
    	margin-bottom: 24px;
    }

    the top and bottom padding of the first style, and the margin of the second style.

    Thank you for your help!

    Last query now, honestly! Is there any way I can tidy up that CSS sheet as I am sure there are many things not relevant to my template?

    I still can’t align the “latest news/categories/archives” bullet points, they’re over to the right in IE and FireFox but not in Chrome.

    And the bullet points within the main blog content seem to be a lot larger than the rest of the post.

    I think I have sorted the spacing between the text.

    Thanks again for all the help.

    I forgot to mention, if anyone has a simple layout that I can use just for posts (in css) I would appreciate it 🙂

    Bump.

    Bump.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Can't Aligm Bullet Point’ is closed to new replies.