ThemeShaper Forums » Thematic


Styling asides individually

(5 posts)
  • Started 14 years ago by moondome
  • Latest reply from shanoboy
  • This topic is resolved


  1. moondome

    It should be possible to give the various types of asides different styles, but I can't figure out how. For example, I would like the background of the three subsidiary asides in the footer to be different from that of the primary asides. What do I need to add to the style sheet?

    Posted 14 years ago #
  2. Each of the subsidiary asides can be targeted individually by their ids; #first, #second, and #third.

    Posted 14 years ago #
  3. moondome

    Thanks for the pointer. I found I actually had to use
    #first .xoxo, #second .xoxo, and #third .xoxo
    without really understanding what the hugs and kisses do.

    Posted 14 years ago #
  4. moondome

    Scratch that. I just double-checked and you were right (of course), the .xoxo isn't necessary, but I still don't understand what it is.

    I used the Firefox Web Developer plugin to outline the various elements and discovered the .xoxo showing up in various places.

    Posted 14 years ago #
  5. shanoboy

    For anyone else who comes by this. I got a little tripped up when Ian said you can call each subsidiary aside by their IDs of #first, #second and #third.

    In the CSS you would actually key it out like this:
    #subsidiary #first { } or #subsidiary #second { }

    Hope that helps someone else out.

    Posted 13 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.