WordPress.com

1. thepetiteedition
   Member
   Jul 25, 2012, 4:53 PM

   I would like to decrease the left margin and make the date the same blue as the highlighting text for the following blog: http://thepetiteedition.com

   Also - I have been unable to actually type in the CSS stylesheet editor page (I can cut and paste from a word document but cannot type any changes in the editor).

   Any help would be appreciated!

   The blog I need help with is thepetiteedition.com.

2. chrisrudzki
   Staff
   Jul 30, 2012, 6:19 PM

   Howdy,

   Could you describe which margin you're trying to change? I'll be happy to help!

   The post date is rendered as a link, so you'll need to use the following CSS to change how it appears:

   .post-date a:link {color:#FF0000;}
   .post-date a:visited {color:#00FF00;}
   .post-date a:hover {color:#FF00FF;}
   .post-date a:active {color:#0000FF;}

   The color values are in hex. You can find suitable colors by hex code here:
   http://www.w3schools.com/html/html_colors.asp

   You can learn more about these pseudo-classes here:
   http://www.w3schools.com/css/css_pseudo_classes.asp

3. chrisrudzki
   Staff
   Jul 30, 2012, 6:22 PM

   As for the issue you're having with the CSS editor, could you try clearing your browser's cache?

   http://en.support.wordpress.com/browser-issues/

   Please also make sure Javascript is enabled.

4. thepetiteedition
   Member
   Jul 31, 2012, 7:17 PM

   To clarify, I'd like to have the text of each post appear flush with the left margin of the date/comment area. I'd also like to move the comments so that they would appear below each post. An example (which hopefully helps explain the changes) is included below:

   July 31
   2012 Title of New Post

   Text of the post would appear in this area and be
   flush with the date.

   Comments

   Thanks very much for your assistance.

5. designsimply
   Staff
   Aug 21, 2012, 7:05 PM

   Because each article in ThemeMin has distinct/separate elements for header, content, and footer and because content height varies—there is not a way that I can see to move the "Leave a Reply" comment text below each post. That said, there's always more than one way to solve a problem in CSS. :)

   I gave moving the article header elements around in their current space a try and came up with this. Try it out and see if it gets you a little closer to your end goal:

   .entry-title {
   	padding-right: 100px;
   }
   .entry-meta-wrap, .featured-wrap {
   	position: absolute;
   }
   .post-comment {
   	position: absolute;
   	width: 110px;
   	left: 580px;
   	top: 0;
   	border-bottom: none;
   	border-top: none;
   }
   .entry-content, .entry-summary {
   	padding: 1em 0 0 0;
   	position: relative;
   }
   #page .entry-title {
   	padding-left: 0;
   }

6. designsimply
   Staff
   Aug 21, 2012, 7:07 PM

   I have been unable to actually type in the CSS stylesheet editor page (I can cut and paste from a word document but cannot type any changes in the editor).

   If this problem is still happening for you, can you please write back to confirm a few details such as your browser and browser version and whether you tried clearing browser cache as a troubleshooting step or not?

7. designsimply
   Staff
   Aug 30, 2012, 2:59 PM

   I'm going to mark this thread as resolved since there hasn't been any activity for over a week. To re-open the thread, please reply back here and mark the thread as 'not resolved' or start a new help request.

Topic Closed

This topic has been closed to new replies.