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

  • Unknown's avatar
    chuythewestie · Member ·

    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: (visible only to logged in users)

  • Unknown's avatar
    chuythewestie · Member ·

    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]

  • Unknown's avatar
    thesacredpath · Member ·

    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.

  • Unknown's avatar
    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;
    }

  • Unknown's avatar
    chuythewestie · Member ·

    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.

  • Unknown's avatar
    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.)

  • Unknown's avatar
    chuythewestie · Member ·

    You are awesome! Thank you!

  • The topic ‘Can't figure out how to change one small thing using CSS (Oulipo theme)’ is closed to new replies.