Text widget showing up as an 'aside' rather than a 'div'

  • Hi, I am using the twenty-eleven default theme, and I am trying to embed a twitter feed into the sidebar by using a text widget. It does appear to embed correctly and works, except that the text widget is defined as an ‘aside’ rather than a ‘div’. What this does is make the twitter widget press up against the right-side of the sidebar (rather than being centered in the middle) and it looks silly. Any idea how I might fix this?

    Thanks so much for the help!

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

  • You just need to style your aside just like you would a div. They do behave the same way.

    this is the html of a textwidget in Twenty Eleven; example:

    <aside id="text-3" class="widget widget_text"><h3 class="widget-title">textwidget</h3>			<div class="textwidget">some useful text</div>
		</aside>

    the actual textwidget content is still a div

    Hello,
    I have several text widgets within my sidebar and I would like to style them differently.

    How would I differentiate them in my stylesheet?
    I’m not quite sure about the correct ‘spelling’ in css.

    One is <aside id=”text-4″> and one <aside id=”text-6″>.
    At this moment I only seem to be able to style the <aside> tag, which of course makes all of them have the same style.

    Thank you very much and I apologize for hijacking this post.
    Feli

    try and style:

    #text-4 { }
    and
    #text-6 { }
    etc.

    https://www.w3schools.com/css/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Text widget showing up as an 'aside' rather than a 'div'’ is closed to new replies.