ThemeShaper Forums » Thematic

Adding Borders for the Asides

(4 posts)
  • Started 12 years ago by Donald
  • Latest reply from Donald
  • This topic is resolved

Tags:

  1. Donald
    Member

    I don't know much about CSS, but I do what I can to design my blog by looking at other sites' CSS files. I have been modifying the Thematic theme and am trying to put a border around the asides on the right, resembling the site ilovetypography.com and upperfortstewart.com.

    The CSS code to do this is "border-bottom: 1px dotted #B2B2B2;" but I have tried inserting this into all of the "asides" parts and could not accomplish the same effect. All I am able to do is put a border on the very bottom of the list and the bottom of the list title (Categories, Archives, etc.) but I want to create a border for each individual link on the aside. Where do I put the code to achieve that effect?

    Posted 12 years ago #
  2. .main-aside li {} is what you're looking for, I think.

    Posted 12 years ago #
  3. Donald
    Member

    I added the code and it works except for one thing, it places a border on an empty space after the list ends. Any idea on how to fix this?

    Thanks for your help so far! I greatly appreciate it.

    Posted 12 years ago #
  4. Donald
    Member

    .main-aside ul ul {
    margin:0px 0px -1px 0px;

    Changing the margin did the trick.

    Posted 12 years ago #

RSS feed for this topic

Reply

You must log in to post.