WordPress.com

1. chuythewestie
   Member
   Mar 24, 2011, 7:06 AM

   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. chuythewestie
   Member
   Mar 24, 2011, 7:09 AM

   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. thesacredpath
   Member
   Mar 24, 2011, 8:44 AM

   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
   Mar 24, 2011, 11:17 AM

   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. chuythewestie
   Member
   Mar 24, 2011, 4:50 PM

   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
   Mar 24, 2011, 8:57 PM

   "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. chuythewestie
   Member
   Mar 25, 2011, 1:51 AM

   You are awesome! Thank you!

Topic Closed

This topic has been closed to new replies.