adding a frame & changing font
-
Hi, i am using the mckinley theme and would like to be able to place a frame around poetry posts and change the font of individual posts. I have CSS – is this possible? Currently i am uploading ‘illustrator’ files of a poem which i can then frame in the wordpress editor but the sharpness of the text is being lost and when i tried as an alternative to upload a word doc it doesn’t display at all. Ideally I would like to write the text in the ‘post editor’ and then frame it – and – if possible change the font for individual postings. Any suggestions? thanks. am
The blog I need help with is: (visible only to logged in users)
-
Hi, we have a support document on Advanced HTML which should give you a good start on formatting poetry.
There are a couple ways to do the border around the poem. Are you wanting them all the same width? Will they vary in width? I see the ones on your home page (images), which are showing at about 460px wide.
Fonts can be changed on a post-by-post basis with HTML, but the one thing to keep in mind is that there is a limited number of fonts that are common to all computer operating systems, and that is one of the places the browser looks for fonts. If it doesn’t find the font there, then it substitutes either the serif or san-serif font built into the browser.
Although this article is rather old, it is still a good representation of which fonts are safe to use: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
If you can let
-
Hi, thanks for the above – that’ll be great for formatting.
Re the borders – yes, i’d like them to be the same size. Currently I select an image border width of ‘5’ and a grey colour. The width of the document itself will routinely be 460.
Those available fonts offer plenty of change but, I’m probably being a bit dense, but how do i write the HTML to use one of them?
Thanks again for your help.
am. -
Thanks for the clarifications. Could I get you to create a draft post with poetry in it and then let me know the name of it and I can take a look and work things out for you. As staff, I can see draft posts, so there is no need to publish it.
Also, are you wanting to possibly use different fonts for different poems? I would assume you probably would.
-
HI again.
Yes thanks – the draft post is ‘flowers for B’.
Different fonts would be ideal if possible.
Thanks for all your help. -
Thanks a lot. The first thing we would want to do is to create the following CSS rule in your custom CSS. You can edit the color code for the border as desired. I’ve set a max width of 460px and added some padding and the left/right margins of “auto” center it in the content space.
.my-border { border: 5px solid #bbbbbb; margin-left: auto; margin-right: auto; max-width: 460px; padding: 10px; }Then in your post, you would make a blank line at the top (from within the Text tab) and add the following at the top
<div class="my-border" style="font-family: Times New Roman,Times New Roman,Times,serif;">
then you would add a closing div tag on a blank line below the last line in your poem, like this.
</div>
Notice that we have the class declaration and also a style declaration. The class declaration will mean that anything inside of that div will be styled to the stuff in that class in the CSS. The style section is some inline CSS that we can use to define the font family for the text in the poem.Give the above a try in your draft and you can then view it and see what you think.
-
Thanks so much – that’s worked well – I haven’t tried to change the font yet – gone with ‘times roman’ – but will experiment with that on the next post. I really appreciate your help and how easy and clear you made the instructions.
Cheers,
am. -
- The topic ‘adding a frame & changing font’ is closed to new replies.
WordPress.com Forums 