Questions about categories, comments, mobile

wildflwr · Member · Feb 17, 2012 at 9:07 pm
Copy link

Add topic to favorites
Hello – These are just a few quick questions – I just wanted to find out if it is possible to with CSS do the following?

1. Twenty Ten: Can I show the entire post length in the Category list, not just an excerpt?
2. Vigilance: Ditto, not just the title?
I read somewhere that this is not possible but thought I’d doublecheck…

3. Coraline: Can I move the comments to below the posts instead of above?

4. Vigilance and Coraline: Can I turn off the “Comments off” if I close the comments for a post?

5. Also – but perhaps this does not belong here – do all themes work ok with smartphones or only those with adjustable widths?

Thanks for any enlightenment!

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Feb 18, 2012 at 12:21 am
Copy link
1. Twenty Ten: Can I show the entire post length in the Category list, not just an excerpt?

No, that’s something that’s built into the theme design and cannot be changed with CSS alone.
designsimply · Member · Feb 18, 2012 at 12:22 am
Copy link
2. Vigilance: Ditto, not just the title?

Same story. It’s built into the theme design and can’t be changed.
designsimply · Member · Feb 18, 2012 at 1:11 pm
Copy link
3. Coraline: Can I move the comments to below the posts instead of above?

The comments in Coraline are already below the post. Do you mean the byline or maybe the comments link from the byline?
designsimply · Member · Feb 18, 2012 at 1:19 pm
Copy link
4. Vigilance and Coraline: Can I turn off the “Comments off” if I close the comments for a post?

Yes, to hide the ‘Comments are closed’ text in Vigilance:
```
#comments .note {
  display: none;
}
```
To hide the ‘Comments are closed’ text in Coraline:
```
#comments .nocomments {
  display: none;
}
```
designsimply · Member · Feb 18, 2012 at 1:22 pm
Copy link
5. Also – but perhaps this does not belong here – do all themes work ok with smartphones or only those with adjustable widths?

There is an option to turn on a mobile from the Appearance → Mobile in your blog’s dashboard.

See these help pages for more info and examples:
http://en.support.wordpress.com/themes/mobile-themes/
http://en.support.wordpress.com/onswipe-theme-for-ipad/
wildflwr · Member · Feb 18, 2012 at 1:32 pm
Copy link
Thanks !

And to clarify my Question 3: In Coraline, there are two places where “Leave a comment” occur, one below the post header and one below the post. Can I remove the one on top, below the post header, and keep the one below the post?

Thanks again!
wildflwr · Member · Feb 18, 2012 at 2:35 pm
Copy link
Also, while I’m thinking about it, in Coraline, 3 more questions in addition to the one just above:

1. Is it possible to move the Pages bar to below the header instead of above it?

2. Can I change the link color from blue/link, red/hover to other colors, say two grays?

3. Can I create a light gray background for the blockquote?

Thanks and have a great day!
designsimply · Member · Feb 18, 2012 at 2:59 pm
Copy link
And to clarify my Question 3: In Coraline, there are two places where “Leave a comment” occur, one below the post header and one below the post. Can I remove the one on top, below the post header, and keep the one below the post?

Yep, you can hide that one! Try this:
```
.entry-meta .comments-link {
display: none;
}
```
wildflwr · Member · Feb 18, 2012 at 3:02 pm
Copy link
Adding to question 2. above about links – in addition to changing color, can I remove the underline?
designsimply · Member · Feb 18, 2012 at 3:04 pm
Copy link
1. Is it possible to move the Pages bar to below the header instead of above it?

In Coraline, you can move the top menu below the header image like this:
```
#access {
  border-top: none;
  position: absolute;
  top: 199px;
}
```
Note that you may need to adjust the top value depending on what other CSS you add.

If you did that, you might also want to add extra space above the content container area like this:
```
.content-sidebar #content-container, .two-column #primary, .two-column #secondary {
  margin-top: 2%;
}
```
designsimply · Member · Feb 18, 2012 at 3:16 pm
Copy link
2. Can I change the link color from blue/link, red/hover to other colors, say two grays? in addition to changing color, can I remove the underline?

Yes. To find what CSS to change for that, I would recommend looking at the original stylesheet, copying the relevant CSS (just the link colors part), editing it and pasting the modified CSS into your Appearance → Custom Design → CSS page.

Here’s a link to the Coraline original CSS: https://s-ssl.wordpress.com/wp-content/themes/pub/coraline/style.css?m=1327698544g&minify=false

Look for the section labeled Links.Here are the current basic link color settings for Coraline. Copy these and adjust the colors:
```
a {
	color: #0060ff;
}
a:visited {
	color: #333;
}
a:active,
a:hover {
	color: #df0000;
}
```
There are a few more link color settings in the Content area:
```
.entry-meta a {
	color: #888;
}
.entry-meta a:hover {
	color: #df0000;
}
```
There may be other specific color settings. You can find them by looking in the stylesheet.

Here are some links about colors if you’re interested: http://www.w3.org/TR/css3-color/#svg-color and http://en.wikipedia.org/wiki/Web_colors
designsimply · Member · Feb 18, 2012 at 3:19 pm
Copy link
3. Can I create a light gray background for the blockquote?

Sure! In Coraline, the blockquote tag is styled like this:
```
blockquote {
font-style: italic;
margin: 0 30px 1.7em;
}
```
To add a light gray background, you can add this to your Appearance → Custom Design → CSS page in your WordPress.com blog dashboard:
```
blockquote {
padding: 4%;
background: #ddd;
}
blockquote p {
margin-bottom: 0;
}
```
wildflwr · Member · Feb 18, 2012 at 3:41 pm
Copy link
Can I use the same CSS to change the fonts in Coraline, change the font size, and make the post width wider, as advised there for Twenty Ten, or would the CSS need to be different? I want to make sure I don’t screw anything up…
https://en.forums.wordpress.com/topic/twenty-ten-questions?replies=7

I think I am finally starting to understand a bit more about how CSS works thanks to your help and links, Designsimply! Now all I need is a few days to dig into the links and code help you gave me and I should be good to go! Thanks so much for sharing your knowledge!
wildflwr · Member · Feb 18, 2012 at 3:44 pm
Copy link
Oh, and could one remove the underline at the links?
designsimply · Member · Feb 18, 2012 at 3:46 pm
Copy link
There are some similarities between Twenty Ten and Coraline, but I would treat them as separate when designing. You can compare the CSS using the original stylesheet links from the Appearance → Custom Design → CSS page when the theme is enabled.

https://s-ssl.wordpress.com/wp-content/themes/pub/coraline/style.css?m=1327698543g&minify=false

https://s-ssl.wordpress.com/wp-content/themes/pub/twentyten/style.css?m=1327698031g&minify=false
designsimply · Member · Feb 18, 2012 at 3:47 pm
Copy link
I think I am finally starting to understand a bit more about how CSS works thanks to your help and links, Designsimply! Now all I need is a few days to dig into the links and code help you gave me and I should be good to go!

Cool! Do check out some tutorials like these too:
http://www.htmldog.com/guides/cssbeginner/
http://en.support.wordpress.com/css-basics/
designsimply · Member · Feb 18, 2012 at 3:49 pm
Copy link
Oh, and could one remove the underline at the links?

The text-decoration property can control that. For example, to turn off underlining for all links, you would add this:
```
a {
  text-decoration: none;
}
```
wildflwr · Member · Feb 19, 2012 at 3:33 pm
Copy link
Thanks a million!
designsimply · Member · Feb 21, 2012 at 3:11 pm
Copy link
Cheers :)

No items found.