Need help? Check out our Support site, then


Thememin Margin and Color

  1. 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. 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. 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. 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. 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. 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. 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.

About this Topic