1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Wordpress CSS- Need Help

Discussion in 'Blogging' started by ironsaber26, Dec 8, 2011.

  1. ironsaber26

    ironsaber26 Newbie

    Joined:
    Nov 27, 2011
    Messages:
    32
    Likes Received:
    2
    Location:
    Germany
    If you take a look at my site filmreviewz . net you'll see in the widget "other interesting titles" that the images aren't properly aligned.

    I have no clue what to add to the CSS file to make it right. Below is the code for the widget:

    /* You May Like Widget */
    .yml-widget {
    list-style: none;
    text-align: center;
    }
    #sidebar .yml-widget li {
    background: none;
    padding: 0 0 0px 0;
    }
    .yml-widget span {
    display: block;
    font-size: 11px;
    padding: 0px 0;
    }

    Any help will be much appreciated!
     
    Last edited: Dec 8, 2011
  2. poshtiger

    poshtiger Registered Member

    Joined:
    Sep 23, 2011
    Messages:
    66
    Likes Received:
    12
    I wouldn't put the images inside the rounded edge border...

    The problem you have is that the images are 210px wide - they need to be around 190px for the images & border to fit nicely in the column.

    a bodge is this;

    in style.css change;

    .widget > div, .widget > ul {
    padding: 15px;


    }


    to this...

    .widget > div, .widget > ul {
    }



    then change this...

    ul {
    margin: 0;
    padding: 0 0 10px;


    }



    to this..

    ul {
    margin: 0;
    padding: 5px 15px 10px;


    }


    That makes it look ok...

    posh
     
    • Thanks Thanks x 1
  3. ironsaber26

    ironsaber26 Newbie

    Joined:
    Nov 27, 2011
    Messages:
    32
    Likes Received:
    2
    Location:
    Germany
    ul {
    margin: 0;
    padding: 0 0 10px;

    I updated the first code, but can't seem to find the code above anywhere. Should it be in the stylesheet?
     
  4. kcon1

    kcon1 Registered Member

    Joined:
    Sep 29, 2011
    Messages:
    54
    Likes Received:
    2
    Not sure if it's just me, but this is how your site looked?

    http://imageshack.us/photo/my-images/20/screencapturekl.png/

    Uploaded with http://imageshack.us
     
  5. ironsaber26

    ironsaber26 Newbie

    Joined:
    Nov 27, 2011
    Messages:
    32
    Likes Received:
    2
    Location:
    Germany
    I just tested it with firefox and IE and it looked fine here.
     
  6. poshtiger

    poshtiger Registered Member

    Joined:
    Sep 23, 2011
    Messages:
    66
    Likes Received:
    12
    looks ok to me too..

    line 77...
     
  7. poshtiger

    poshtiger Registered Member

    Joined:
    Sep 23, 2011
    Messages:
    66
    Likes Received:
    12
    Hmm... did you find it - Doesn't look quite right to me.

    PM me the access details and I'll sort it for you.

    posh
     
    • Thanks Thanks x 1
  8. ironsaber26

    ironsaber26 Newbie

    Joined:
    Nov 27, 2011
    Messages:
    32
    Likes Received:
    2
    Location:
    Germany
    poshtiger squared me away. Thanks again man!