Need help? Check out our Support site, then


Can't figure out how to change one small thing using CSS (Oulipo theme)

  1. I haven't yet purchased the CSS upgrade but I've been experimenting with it before I buy.

    I'm using Oulipo. The original styesheet can be seen here:
    http://s0.wp.com/wp-content/themes/pub/oulipo/style.css?m=1293576887g&minify=false

    I know HTML/basic CSS, so I've been able to figure out most of the changes I want to make on my own. However, there's one thing I can't figure out. In the line below blog post title, the "§" symbol is displayed between the date and comments link--which I'd like to remove. Since I can't do so by editing the HTML, I was hoping to edit the CSS so that the text color of the "§" matches the page background.

    If it helps, here is the source code for the line I'm trying to change:

    <p class="date">October 18th, 2010 § <span class="commentcount">Leave a Comment</span></p>

    Any ideas on how to edit the CSS to change the "§" text color?

    The blog I need help with is chuythewestie.wordpress.com.

  2. The HTML code I pasted got messed up. Here it is with brackets:

    [p class="date"]October 18th, 2010 [a href="http://chuythewestie.wordpress.com/2010/10/18/more-news/?csspreview=true#respond" title="Comment on More news"]§ [span class="commentcount"]Leave a Comment[/span][/a][/p]

  3. I don't see anyway to make that disappear. In some themes the CSS actually has those set up with their own ID, such as #meta-sep.

  4. panaghiotisadam
    Member

    One possibility is to hide the § by moving the commentcount to the left and adding a white bg to it:

    .commentcount {
    margin-left:-11px;
    padding:2px;
    background:#fff;
    }

  5. That worked--thanks!
    The only thing is now there's nothing separating the Date from the Comments, since they are right next to each other, but I guess there's no way around that.

    If anyone else has any ideas on how to change the color of the §--if at all possible--your help is greatly appreciated.

  6. panaghiotisadam
    Member

    "Nothing separating the Date from the Comments" is how the Comments Off tab shows in this theme by default. If you want more space between them, just change the padding in the above CSS to this:

    padding:2px 11px;

    (Adjust the space by changing the second number.)

  7. You are awesome! Thank you!

Topic Closed

This topic has been closed to new replies.

About this Topic