Global body text changes possible in Poly theme?
-
Good morning. I have been using your TwentyTen theme on my blog (thinklittleactlittler.wordpress.com) for several years and have recently upgraded to your Poly theme.
I have several questions.
1. Some of my most recent posts have the body font and size I have chosen from your Adobe Typekit (Puritan, Size 2). But many of my previous posts have reverted to the font they were in when I cut and pasted them from Word. I have 40 posts. How do I get them all to be consistent? Is there a global command, or do I do them individually?
2. Yesterday, I had difficulty inserting the Read More tag. I inserted, updated, and there was no change. When I logged back on this morning, the tags were there. Is there a delay in getting them to take effect?
3. When I changed themes, the menu from my 2010 theme is invisible. I can barely see it in white, beneath the background image I uploaded, and it lights up when rolled over. But how do I make it always visible?
4. At the bottom of my truncated posts, there is white space, and a listing of their tags. How can I make this invisible?
Thank you for your advice.— Greg
The blog I need help with is: (visible only to logged in users)
-
Hi there!
1. Some of my most recent posts have the body font and size I have chosen from your Adobe Typekit (Puritan, Size 2). But many of my previous posts have reverted to the font they were in when I cut and pasted them from Word. I have 40 posts. How do I get them all to be consistent? Is there a global command, or do I do them individually?
Unfortunately, this is a relic of the way Word works. When you create content in Word, they add all sort of extra code tags to keep it formatted nicely. However, when you copy this over, those tags come with even though they’re extraneous and usually end up messing up your formatting.
Here’s a section of a post that has these extra pieces of code. I’ve bolded everything that you should remove to get the formatting back to normal:
<p class=”MsoNormal”><b></b><span style=”font-family: ‘Times New Roman’;”>Last October, the </span><span style=”font-family: ‘Times New Roman’;”>San Diego Association of Governments (SANDAG), a regional transportation organization, </span><span style=”font-family: ‘Times New Roman’;”>approved an historic $200 million</span><span style=”font-family: ‘Times New Roman’;”> for bicycle projects in the region. </span></p>
Here’s what it would look like once that’s all removed:
Last October, the San Diego Association of Governments (SANDAG), a regional transportation organization, approved an historic $200 million for bicycle projects in the region.
To avoid this we recommend that you:
* write directly to our editor
* use either a plain text editor like TextEdit or Notepad then post to our editor
* use a desktop client to post to WordPress (http://en.support.wordpress.com/xml-rpc/ — including Word 2007 or newer via API)
* use post by email feature (http://en.support.wordpress.com/post-by-email/)And more details can be found here, including how to paste clean text from Word:
There’s no way to automatically remove the formatting from your old posts. You’ll need to in one by one and remove the extra tags from the Text editor.
2. Yesterday, I had difficulty inserting the Read More tag. I inserted, updated, and there was no change. When I logged back on this morning, the tags were there. Is there a delay in getting them to take effect?
There shouldn’t be a delay in adding the More tag. Let me know if this happens again and I can take a look!
3. When I changed themes, the menu from my 2010 theme is invisible. I can barely see it in white, beneath the background image I uploaded, and it lights up when rolled over. But how do I make it always visible?
You can add this code to the CSS panel in the Customizer to make sure your menu appears correctly:
#menu-home.clear.nav-menu { color: #b33939; }4. At the bottom of my truncated posts, there is white space, and a listing of their tags. How can I make this invisible?
You can remove the meta information by adding this CSS:
.meta-text { display: none; }And if you want to reduce some of that white space, you can add this CSS:
.meta-list.meta-2.clear { margin: 0; }Let me know if I can help with anything else! :)
-
This has been hugely helpful. I’m implementing your adb=vice and it’s working well.
Three more details:
1. Immediately below the menu, there is a ghosted image that should activate and repeat the menu item that has been clicked on. Right now, it remains ghosted. Can you give me the CSS for a.) making it appear b.) deleting it entirely?
2. On the title, I have attached a (C) symbol. Is there CSS that converts that to a superscript?
3. Beneath the title, the subtitle is hard-coded as all caps. Is there CSS that would let me make it u/l?
Finally, kudos to the attractiveness of this design. Even though it’s a work in progress, my page views per reader have increased 3x – 4x…
-
Great! I’m happy to help!
1. Immediately below the menu, there is a ghosted image that should activate and repeat the menu item that has been clicked on. Right now, it remains ghosted. Can you give me the CSS for a.) making it appear b.) deleting it entirely?
Here’s some CSS code to make that text visible:
.page-title { color: #b33939; }2. On the title, I have attached a (C) symbol. Is there CSS that converts that to a superscript?
There isn’t directly. How bout you try this CSS (and remove the symbol from the title itself).
.site-title:after { content: " 0a9"; font-size: 18px; }3. Beneath the title, the subtitle is hard-coded as all caps. Is there CSS that would let me make it u/l?
This code will remove the uppercase and display the subtitle as you’ve entered it:
.site-branding { text-transform: none; }I’m so glad you like this theme! Your site is looking really great! I love the color scheme. :)
Let me know if there’s anything else I can help with!
-
Thanks for the nice words. This is looking better every time I take your advice.
Only two more CSS questions and I should be done bothering you.
1. When I asked about including a (C) as superscript, I actually meant the copyright symbol itself, in a full circle. Is there CSS that would let me do that?
2. I’m curious how my post titles would look if they were centered instead of flush right and had less line spacing… CSS for that?
Thanks again. Your responsiveness and professionalism is fantastic.
-
1. When I asked about including a (C) as superscript, I actually meant the copyright symbol itself, in a full circle. Is there CSS that would let me do that?
I’m so sorry. It looks like my code got changed a little bit due to the way we format things. In that CSS code, after content: add ” 0a9″.
2. I’m curious how my post titles would look if they were centered instead of flush right and had less line spacing… CSS for that?
I can’t figure out how to center align the post titles. You can hop over to the CSS forums and see if someone can help you with that. There are a bunch of CSS experts over there, both staff and volunteers.
https://en.forums.wordpress.com/forum/css-customization
Here’s some code to reduce the white space below the titles:
.entry-title { margin: 0; } .entry-content, .entry-summary { margin: 15px 0 0; }Let me know if there’s anything else! :)
-
Ugh. I just checked and it edited the copyright text again. I’ve added the code to your CSS panel. If you go take a look, you can see the full code that’s supposed to be used. :)
-
Shawna… thanks for your persistence. I just checked my CSS panel, though, and only see the original code you sent with my (C) inserted…
-
Hmm. We may have accidentally overlapped in the Customizer. Sorry about that! Check again real quick? :)
-
You’ve done it. Fantastic.
Take the rest of the day off…
Only one glitch… went to snapshot this final great CSS, and got a message saying I had to purchase Poly first. Of course, I bought it days ago. Will check in an hour to see if that hiccup persists.
-
Don’t believe this. With your help, I had the Poly theme completely customized to my satisfaction.
I saved it as a snapshot ten minutes ago, then deleted previous snapshots.
Just for comparison, I reapplied the old Twenty Ten snapshot, then tried to reapply Poly. Got an instance response that the theme is broken… now it;s running some off default theme… Ryu.
How do I resstore all your good work?
-
Oh dear! It looks like you got Poly working again though!
Do you want me to reset the code for the copyright symbol again?
-
Hi.
Only two things left, and it’s back to perfect.
Reset the code for the copyright symbol.
When I click any menu item, the space between the item and the posts expands, and the page title appears — ghosted in white. Can you send the CSS that will eliminate the ghosted page title, and the unnecessary space between the bottom of the menu and the top of the posts.
Huge thanks, and then this should be the final final…
-
Great! :) I reset the code for the copyright symbol.
When I click any menu item, the space between the item and the posts expands, and the page title appears — ghosted in white.
I’m so glad you noticed that! It looks like we lost this little piece of code I had given you before to make the post titles appear:
.page-title { color: #b33939; }Here’s some code to decrease the change in the amount of white space when you open a page. I left a little bit of it there because with none, the title looked a little cramped, but mess around with the numbers and see what you like!
.site-header { margin-bottom: 10px; } .home .site-header { margin-bottom: 60px; }And here’s some code to center the page titles, if you’re interested:
.page-title { max-width: none; } -
Thanks for everything. I think we’re there.
The only suggestion I can make would be — when a user clicks on a menu item, the page appears, but what if the page title did not? Instead, the color of the menu item that is selected could change from deep red to blue to indicate that it is the chosen page.
Thoughts?
— Greg
-
You can definitely do that! Here’s some CSS code to make that happen:
.page-title { display: none; } .current-menu-item { background: #17385E; }I grabbed a darker blue because the current blue for the post titles clashed with the red when I first put it in. I use this color scheme designer to help pick matching colors:
-
Thanks again for all your help. I made one final tweak. Instead of having a b/g appear behind the selected menu item, I changed it so that it now changes to pure black to indicate that it has been highlighted.
With that, I declare code freeze, and am one happy camper.
Couldn’t have done it without your excellent help…
-
Awesome! It looks great!
I’m so happy we could get everything set up the way you wanted. As always, let me know if there’s anything else I can help with in the future. :)
- The topic ‘Global body text changes possible in Poly theme?’ is closed to new replies.
WordPress.com Forums 