Text in widgets is vertical… how can I make it horizontal?

  • Resolved AsHerWorldTurns

    (@asherworldturns)


    11 years, 4 months ago

    Whenever I add text to any widget in my right sidebar, it displays downward instead of left to right (see example here – it’s doing it on my home page and all single post pages throughout the site). I copied the widget code from my style.css and added it to my child theme so I could tweak it (I tried adding “display: inline;”) but nothing changed. Any idea what I can modify to correct this?

Viewing 3 replies - 1 through 3 (of 3 total)
  • WPyogi

    (@wpyogi)

    11 years, 4 months ago

    I think you have a typo in your child theme CSS here:

    #secondary {
    float: right;
    margin-right: 23%;
    width: 4%;
}

    It’s making the sidebar REALLY narrow — LOL!

    Michael

    (@alchymyth)

    11 years, 4 months ago

    try working with a browser inspection tool to find out what is responsible for formatting the sidebar.

    caused by:

    #secondary {
	float: right;
	margin-right: 23%;
	width: 4.0%;

	}

    for whatever reason you have changed the style of #secondary to this, is now effecting the text.

    try something like:

    #secondary {
  float: right;
  width: 25.25%;
  margin-right:1%;
	}

    will obviously effect existing formatting…

    as these are pure formatting issues, you might get better response in a css forum like http://csscreator.com/forum

    Thread Starter AsHerWorldTurns

    (@asherworldturns)

    11 years, 4 months ago

    Thank you both for pointing out which values to change! I used:

    `#secondary {
    float: right;
    width: 25.25%;
    margin-right:1%;
    }’

    and now it’s much better. Thank you!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Text in widgets is vertical… how can I make it horizontal?’ is closed to new replies.