WordPress.com Forums » Tag: twenty ten - Recent Posts http://en.forums.wordpress.com/tags/twenty-ten WordPress.com Forums » Tag: twenty ten - Recent Posts en Wed, 22 May 2013 12:28:38 +0000 http://bbpress.org/?v=1.1-alpha-2539 arb34 on "color of a widget heading" http://en.forums.wordpress.com/topic/color-of-a-widget-heading#post-1273461 Tue, 21 May 2013 10:47:31 +0000 arb34 1273461@http://en.forums.wordpress.com/ Thank you! That worked. I learned a very small amount of CSS when I created my blog a few years ago, and I now forget everything. I appreciate your help. -Amy

]]> designsimply on "color of a widget heading" http://en.forums.wordpress.com/topic/color-of-a-widget-heading#post-1272716 Mon, 20 May 2013 19:54:17 +0000 designsimply 1272716@http://en.forums.wordpress.com/ You're using a few rules like this:

ul.xoxo li#twitter-3 h3 a {
	color: #080
}

And that is very specific, so it only applies to list containers with a class of "xoxo" and list items with an id of "twitter-3" followed by an h3 heading that is a link. That particular block of CSS doesn't actually affect any of the widget titles on your blog at the moment because none of the titles are links.

If you use something more general like this instead:

.widget-title {
	color: #080;
}

It will cover all your current link titles. If you were to add a widget in the future that has a title that is also a link, this would probably cover both types of titles:

.widget-title,
.widget-title a {
	color: #080;
}
]]> arb34 on "color of a widget heading" http://en.forums.wordpress.com/topic/color-of-a-widget-heading#post-1271609 Sun, 19 May 2013 23:53:07 +0000 arb34 1271609@http://en.forums.wordpress.com/ The headings of all of my widgets should be (and used to be) green. Now, the heading of one of my widgets -- the tag cloud widget -- is black instead of green. I am not sure what's up. It has been awhile since I wrote this code to make the headings green:

ul.xoxo li#wp_tag_cloud div a {
text-decoration:none;
}

ul.xoxo li#wp_tag_cloud h3 {
color:#008800;
}

Can you figure out what's up?

Thank you for your help!
Amy

]]> thesacredpath on "blog looks messed up on smartphone" http://en.forums.wordpress.com/topic/blog-looks-messed-up-on-smartphone#post-1270142 Sat, 18 May 2013 03:32:38 +0000 thesacredpath 1270142@http://en.forums.wordpress.com/ You are welcome.

]]> lindalind on "blog looks messed up on smartphone" http://en.forums.wordpress.com/topic/blog-looks-messed-up-on-smartphone#post-1270006 Fri, 17 May 2013 23:18:06 +0000 lindalind 1270006@http://en.forums.wordpress.com/ Great thank you so much for all your help! I will make a new header that is 940px :)

]]> thesacredpath on "blog looks messed up on smartphone" http://en.forums.wordpress.com/topic/blog-looks-messed-up-on-smartphone#post-1268655 Fri, 17 May 2013 00:14:55 +0000 thesacredpath 1268655@http://en.forums.wordpress.com/ The width on your site looks good now at 940px, except for the header image, which is 1024px in width. You can upload a new header image at 940px wide, or alternately you can add the following CSS to take care of the issue.

#header {
overflow: hidden;
}

All it does is tell the browser to ignore the extra width on the header image.

]]> lindalind on "blog looks messed up on smartphone" http://en.forums.wordpress.com/topic/blog-looks-messed-up-on-smartphone#post-1268640 Thu, 16 May 2013 23:59:47 +0000 lindalind 1268640@http://en.forums.wordpress.com/ Thank you so much! I did what you wrote and it finally looks good again.
I have one last question if I may ask. My site can now scroll slightly to the right and back when I look at it on a laptop. It didn't use to be like that and I was wondering if you know how I can change it back so that you can only scroll up and down. Once again thank you so much for your help!

]]> thesacredpath on "blog looks messed up on smartphone" http://en.forums.wordpress.com/topic/blog-looks-messed-up-on-smartphone#post-1268243 Thu, 16 May 2013 20:01:12 +0000 thesacredpath 1268243@http://en.forums.wordpress.com/ I do notice that there are some inconsistencies in the widths you have set, but I don't know if that is an issue or not.

Change the width in #access back to 940px to match the parent div widths.

I would also suggest redoing your custom header image and make it 940px wide. Right now it is 1024px wide and that might cause some issues although I'm not sure.

Lastly you need to make the standard theme and WordPress stuff in the footer visible. We are not allowed to hide the WordPress and theme credits here at WordPress.com.

]]> thesacredpath on "blog looks messed up on smartphone" http://en.forums.wordpress.com/topic/blog-looks-messed-up-on-smartphone#post-1268222 Thu, 16 May 2013 19:49:47 +0000 thesacredpath 1268222@http://en.forums.wordpress.com/ Since your site is not a responsive theme design, you need the mobile active.

You might try deselecting the

On Mobile
Include this CSS in the Mobile Theme

It will mean the mobile goes back to the standard mobile design, but it would be readable.

The alternate would be to turn off the mobile entirely and then just let people view the full site.

I'm not sure what is messing up the mobile theme as I've never worked with CSS and those themes before.

]]> lindalind on "blog looks messed up on smartphone" http://en.forums.wordpress.com/topic/blog-looks-messed-up-on-smartphone#post-1267936 Thu, 16 May 2013 17:24:07 +0000 lindalind 1267936@http://en.forums.wordpress.com/ Hi! Yes both of those are selected... should I deselect them?

]]> thesacredpath on "blog looks messed up on smartphone" http://en.forums.wordpress.com/topic/blog-looks-messed-up-on-smartphone#post-1267347 Thu, 16 May 2013 07:09:52 +0000 thesacredpath 1267347@http://en.forums.wordpress.com/ Also, do you have the mobile theme activated at appearance > mobile?

]]> thesacredpath on "blog looks messed up on smartphone" http://en.forums.wordpress.com/topic/blog-looks-messed-up-on-smartphone#post-1267346 Thu, 16 May 2013 07:07:46 +0000 thesacredpath 1267346@http://en.forums.wordpress.com/ Linda, if you go to appearance > custom design > edit CSS, do you have this selected?

On Mobile
Include this CSS in the Mobile Theme

]]> lindalind on "blog looks messed up on smartphone" http://en.forums.wordpress.com/topic/blog-looks-messed-up-on-smartphone#post-1267342 Thu, 16 May 2013 07:00:28 +0000 lindalind 1267342@http://en.forums.wordpress.com/ ok thanks. I was just trying to change the width of the side widget area a little bit and make the post area a little bigger so that I could have bigger pictures. I don't know why it got shifted to the right on some browsers. I'm not very good at CSS so if you have any idea how I can change this back I would really appreciate it.

]]> raincoaster on "blog looks messed up on smartphone" http://en.forums.wordpress.com/topic/blog-looks-messed-up-on-smartphone#post-1267337 Thu, 16 May 2013 06:52:06 +0000 raincoaster 1267337@http://en.forums.wordpress.com/ Then I'll flag this to move into the CSS forum instead. When you do custom design, you DO have to account for different browsers, and that includes mobile ones.

]]> lindalind on "blog looks messed up on smartphone" http://en.forums.wordpress.com/topic/blog-looks-messed-up-on-smartphone#post-1267316 Thu, 16 May 2013 06:14:05 +0000 lindalind 1267316@http://en.forums.wordpress.com/ yes!

]]> raincoaster on "blog looks messed up on smartphone" http://en.forums.wordpress.com/topic/blog-looks-messed-up-on-smartphone#post-1266004 Wed, 15 May 2013 06:46:13 +0000 raincoaster 1266004@http://en.forums.wordpress.com/ Are you using the Custom Design upgrade?

]]> lindalind on "blog looks messed up on smartphone" http://en.forums.wordpress.com/topic/blog-looks-messed-up-on-smartphone#post-1265999 Wed, 15 May 2013 06:37:56 +0000 lindalind 1265999@http://en.forums.wordpress.com/ I just changed the design on my wordpress.com blog and it looks great on a computer but on my iPhone everything looks messed up. It seems like the whole website is pushed to the right so I can only see a tiny bit of my images etc. What can I do to fix this? The url is http://www.LindaLind.com/blog

]]> designsimply on "Content Backgrounds" http://en.forums.wordpress.com/topic/content-backgrounds#post-1265675 Tue, 14 May 2013 21:01:57 +0000 designsimply 1265675@http://en.forums.wordpress.com/ You can use the "background" property in CSS to add a background image to something. To do it, you must figure out what selector to use to target exactly which thing you want to add the background on. For example, to add a background image to the wrapper element for the main content area in the Twenty Tent theme, you could do something like this:

#wrapper {
	background: #fff url("http://s.wordpress.org/about/images/wordpress-logo-notext-bg.png") center center;
}

Change the url() value to an image link from your blog's media library.

]]> thesacredpath on "Replacing title with customised logo (Twenty Ten theme)" http://en.forums.wordpress.com/topic/replacing-title-with-customised-logo-twenty-ten-theme#post-1263718 Sun, 12 May 2013 23:28:05 +0000 thesacredpath 1263718@http://en.forums.wordpress.com/ You are welcome, and thanks.

]]> emmaleroux on "Replacing title with customised logo (Twenty Ten theme)" http://en.forums.wordpress.com/topic/replacing-title-with-customised-logo-twenty-ten-theme#post-1263578 Sun, 12 May 2013 20:37:07 +0000 emmaleroux 1263578@http://en.forums.wordpress.com/ You're a legend! Thanks so much! Looks awesome.

]]> thesacredpath on "Replacing title with customised logo (Twenty Ten theme)" http://en.forums.wordpress.com/topic/replacing-title-with-customised-logo-twenty-ten-theme#post-1263544 Sun, 12 May 2013 20:02:40 +0000 thesacredpath 1263544@http://en.forums.wordpress.com/ In the dashboard of the blog, go to appearance > custom design and click on the edit button in the CSS module. In the text area that opens up, paste the above code and you can preview it to the left. If it looks good, click the "save" button at lower right.

]]> emmaleroux on "Replacing title with customised logo (Twenty Ten theme)" http://en.forums.wordpress.com/topic/replacing-title-with-customised-logo-twenty-ten-theme#post-1263476 Sun, 12 May 2013 18:52:05 +0000 emmaleroux 1263476@http://en.forums.wordpress.com/ Thanks! I'm using Chrome as a browser and I've right clicked the header title and selected 'Inspect element'. I can see the code. I'm not sure where to insert the code you've given me. Can you let me know? As I said, I'm a novice!

]]> thesacredpath on "Replacing title with customised logo (Twenty Ten theme)" http://en.forums.wordpress.com/topic/replacing-title-with-customised-logo-twenty-ten-theme#post-1263419 Sun, 12 May 2013 17:07:37 +0000 thesacredpath 1263419@http://en.forums.wordpress.com/ Give this a try and see what you think.

#site-title {
    background: url("http://immunoaddotcom.files.wordpress.com/2013/05/immuno-ad-logo-live-website.jpg") no-repeat scroll left top transparent;
    display: block;
    line-height: 100px;
    text-indent: -9999px;
    width: 314px;
}

#site-title a {
    display: block;
}

#site-description {
    padding-top: 60px;
}
]]> emmaleroux on "Replacing title with customised logo (Twenty Ten theme)" http://en.forums.wordpress.com/topic/replacing-title-with-customised-logo-twenty-ten-theme#post-1263309 Sun, 12 May 2013 13:30:28 +0000 emmaleroux 1263309@http://en.forums.wordpress.com/ I have a customised logo that I need to insert on the blog instead of the title. I want to keep the tagline. I've resized the image so that it is 100px high. The URL to the image in the media library is http://wp.me/a3biyG-1E.
I am new to coding (i.e. complete novice!) so would really appreciate any help with this.
Thanks

]]> thesacredpath on "Remove the grey background from the sticky post" http://en.forums.wordpress.com/topic/remove-the-grey-background-from-the-sticky-post#post-1262069 Fri, 10 May 2013 22:11:19 +0000 thesacredpath 1262069@http://en.forums.wordpress.com/ Go to appearance > custom design in your dashboard, click on the "edit" button in the CSS module at the right and paste the code above into the text area there and then you can preview the change to your theme. If it does what you want, then click the "save" button at lower right on the customize page.

]]> aliceharding on "Remove the grey background from the sticky post" http://en.forums.wordpress.com/topic/remove-the-grey-background-from-the-sticky-post#post-1261753 Fri, 10 May 2013 17:27:57 +0000 aliceharding 1261753@http://en.forums.wordpress.com/ Whoop I also should have said I am not sure where that command should go, but presumably at the beginning in the post itself?

]]> aliceharding on "Remove the grey background from the sticky post" http://en.forums.wordpress.com/topic/remove-the-grey-background-from-the-sticky-post#post-1261750 Fri, 10 May 2013 17:26:34 +0000 aliceharding 1261750@http://en.forums.wordpress.com/ That answer doesn't seem to work, most probably because I don't understand it.

I do know a little about html and have used it from time to time in ebay templates and so on, but I don't know enough to understand any form of shorthand or workarounds and need to have something that I can just cut and paste.

I don't understand what .home and .sticky mean.

Thanks.

]]> aliceharding on "Remove the grey background from the sticky post" http://en.forums.wordpress.com/topic/remove-the-grey-background-from-the-sticky-post#post-1261448 Fri, 10 May 2013 09:40:59 +0000 aliceharding 1261448@http://en.forums.wordpress.com/ Thank you. I didn't even know there was a CSS forum.

]]> thesacredpath on "Remove the grey background from the sticky post" http://en.forums.wordpress.com/topic/remove-the-grey-background-from-the-sticky-post#post-1261202 Thu, 09 May 2013 23:52:03 +0000 thesacredpath 1261202@http://en.forums.wordpress.com/ Hi, this should do it for you.

.home .sticky {
background-color: #FFFFFF;
}

For CSS related questions, if you could post in the CSS forum in the future it will typically get you a quicker reply since that is where the volunteers answering CSS questions typically look. I've tagged this to have it moved to the CSS forum. Thanks.

]]> aliceharding on "Remove the grey background from the sticky post" http://en.forums.wordpress.com/topic/remove-the-grey-background-from-the-sticky-post#post-1261191 Thu, 09 May 2013 23:13:41 +0000 aliceharding 1261191@http://en.forums.wordpress.com/ Bump.

]]>