edit widget list within style.css

  • Resolved tpinnington

    (@tpinnington)


    13 years ago

    Hello All,

    Apologies for being annoying!!

    As you can see on my current wordpress blog (http://ablagex.net/wordpress) I have a widgetized footer with the widget on the bottom righthand side.

    I would like the choices of ‘English’ and ‘Deutsch’ to be next to one another like this:
    Deutsch English

    and not as they are at the moment on top of each other.

    I know that I can edit this within the Style.css but I just don’t know how.

    Can any of you give me some tips and hints on how I would action please!

    Thank you very much in advance

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

    (@alchymyth)

    13 years ago

    this might do – add these new styles to style.css:

    li.language_item { display: inline-block; margin-left: 20px; }

    Thread Starter tpinnington

    (@tpinnington)

    13 years ago

    Unfortunately nothing changed

    Thank you for you reply though!

    Michael

    (@alchymyth)

    13 years ago

    typo in the word ‘language’:

    you have:

    li.langauge_item { display: inline-block; margin-left: 20px; }

    it should be:

    li.language_item { display: inline-block; margin-left: 20px; }

    weird, because most people would just use copy/paste …

    btw:
    this is garbage:

    #language_item class="widget"
 ul {margin: 0; padding: 0;
	list-style-type: none; list-style-image: none; }

    you might as well remove it.

    Thread Starter tpinnington

    (@tpinnington)

    13 years ago

    Ah yes well you see I believe it better to type myself so that it sticks in my mind better then just copy/paste 🙂

    Yes that’s what I thought too with it being useless I just hadn’t come round to removing it (removed).

    Corrected but unfortunately that still hasn’t done the trick.

    Michael

    (@alchymyth)

    13 years ago

    you are right – it is browser dependant.

    firefox – where i develop with – does it right, side-by-side;
    IE7 doesn’t get it and shows it the old way.

    try this tweak:

    li.language_item { list-style:none; display: inline; margin-left: 20px; }
    Thread Starter tpinnington

    (@tpinnington)

    13 years ago

    I was just about to mention that…weird.

    I’ll give it a go and let you know.

    Thread Starter tpinnington

    (@tpinnington)

    13 years ago

    You are an angel!!

    Thank you very very much. It works brilliantly

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘edit widget list within style.css’ is closed to new replies.