Thememin Margin and Color

thepetiteedition · Member · Jul 25, 2012 at 4:53 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
chrisrudzki · Member · Jul 30, 2012 at 6:19 pm
Copy link
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
chrisrudzki · Member · Jul 30, 2012 at 6:22 pm
Copy link
As for the issue you’re having with the CSS editor, could you try clearing your browser’s cache?

Solve Common Browser Issues

Please also make sure Javascript is enabled.
thepetiteedition · Member · Jul 31, 2012 at 7:17 pm
Copy link
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.
designsimply · Member · Aug 21, 2012 at 7:05 pm
Copy link
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;
}
```
designsimply · Member · Aug 21, 2012 at 7:07 pm
Copy link
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?
designsimply · Member · Aug 30, 2012 at 2:59 pm
Copy link
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.

No items found.