Support » Fixing WordPress » Widget CSS

  • Resolved mrmccarrin

    (@mrmccarrin)


    Hi –

    my site is http://www.pkworkcomp.com. I have a side bar set up with two widgets in it. One of the widgets is to far to the right and I was wondering if someone could help me find out what code is needed to fix this?

    (I want to move the pink menu to the left to be in line with my contact field.)

    Thanks,

    Megan

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

    (@alchymyth)

    Forum Moderator

    add this to style.css of the child theme, with a smaller margin value:

    .widget-area .textwidget li
    {
      margin-left: 2.57143rem;
    }

    btw, there are some errors in style.css of the child theme;

    for instance, this is not valid in a stylesheet:

    <style type="text/css">
    ...
    </style>

    (remove this, but leave the style which is inside that code)

    and the quotes are wrong here:

    .wpcf7 p{line-height:"50px"}

    Thank you!

    That worked perfectly.

    Ok, I will look into that.

    Actually, I have one more question. How do I find out what my errors are and how to fix them? I have downloaded firebug, but I am confused as to how all this works?

    Thanks.

    Michael

    (@alchymyth)

    Forum Moderator

    you could try to use
    http://jigsaw.w3.org/css-validator/

    (however, without basic knowlwedge of css, this might be even more confusing)

    How do I find out what my errors are and how to fix them?

    finding CSS syntax errors is similar to correcting the spelling and grammar in a text … after a while it becomes second nature, but you need a good starting knowledge of the basics.

    in your style.css of the child theme, the ones I pointed out seem to be the only ones.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Widget CSS’ is closed to new replies.