Interested in new theme Hemingway Rewritten
-
It looks great – really clean and professional.
I currently have the CSS upgrade with my current Twenty Eleven theme. If I changed to Hemingway, would the upgrade simply transfer over to the new theme?
The blog I need help with is: (visible only to logged in users)
-
Yes, the upgrade stays with the blog site. You can change themes as often as you like. The one thing to remember though, is that CSS is generally theme specific, so any customizations you have on Twenty Eleven would not transfer over to Hemingway. You will have to start from scratch on the new theme.
-
Thanks thesacredpath. Has there been good feedback for Hemingway?
One thing I wondered – is it possible to adapt the template to use only one column, without a big blank space to the rhs?
-
Hemingway Rewritten does not show the two side by side posts as the original Hemingway theme did, but it does have a right sidebar widget area. The following CSS would hide that sidebar and widen the content to full width.
#secondary { display: none; } .site-main { margin-right: 0; } -
That’s good to know. I’m a bit nervous about changing over, but think I’ll take the plunge when I have an afternoon free to play with it. Thank goodness you brilliant people are on hand for my inevitable questions! Many thanks :)
-
-
@apetcher, I see no threads from you in the CSS forum. I see an image editing thread you started in the ideas forum. Generally my responsibility is on the CSS forum.
Is this the thread you are talking about: https://en.forums.wordpress.com/topic/image-editing-9?replies=5#post-1711388 ?
-
I should add that I would be more than happy to help out on your thread, I just want to make sure I’m responding to the one that you are talking about.
-
Hi thesacredpath – I’ve switched over and I’m really pleased with the Hemingway Rewritten template. I have some CSS questions – I’ll list them here, but pls let me know if you’d prefer them in separate threads:
Header dimensions – is it possible to decrease the height?
Site title – can I alter this so that it is in lower case?
Text font size – how do I alter the default font size for posts and pages?
Link colour – is it possible to change the link colour without changing the entire colour scheme? I notice my links don’t alter when you hover over them, so it’s not obvious they’re links.
Image borders – I can’t see the option to include borders around images. Is it possible?
Text widgets – can I adjust the text so that it is bold?
Hope you can help with some of these! Many thanks, Isabel
-
That’s a lot of questions! Personally, I like to see a separate thread with only one (or just a couple) question(s) per thread because it works really well to refer back to smaller threads later if someone has the same question again. It’s also better to have separate threads if back and forth conversation needs to happen. Plus, it’s nice to be able to close each separate question as resolved when it’s done. :)
I’ll take on your questions one at a time here for now.
Header dimensions – is it possible to decrease the height?
You can decrease the height of the header area in the Hemingway Rewritten theme, but it will also clip the image because of how it’s setup using background-size. That means it will work better for some images compared to others. I think it would look okay with the orange/yellow image with tree branches that you have now. Here’s an example you can try out by adding it to your Appearance > Customize > CSS editor:
.site-header-image { min-height: inherit; max-height: 326px; padding: 5% 0; }Make sure to test it in different mobile views in the live preview.
-
Thanks designsimply – that’s exactly what I wanted! And you’re right, it seems to work well with my image. For the other items – would you like me to post separately, or will you continue to answer here?
-
I’ll take a look here! I started replying to a bunch of other threads before and lost track of this one. I am here today though, and I’ll be able to take a deeper look this afternoon.
-
Sorry for the delay!
Text font size – how do I alter the default font size for posts and pages?
For font size, I recommend using the size selectors above the font name in the Appearance > Customize > Fonts panel if you are already using custom fonts.
Or if you want to adjust the font size in the content area only, you could add the following and adjust the percentage size as needed:
.entry-content { font-size: 120%; } -
Link colour – is it possible to change the link colour without changing the entire colour scheme? I notice my links don’t alter when you hover over them, so it’s not obvious they’re links.
This will change the link color to red for links in content areas (or anywhere the theme hasn’t set a more specific link hover color rule):
a:hover { color: #f00; }Adjust the color code as needed.
-
Image borders – I can’t see the option to include borders around images. Is it possible?
Do you want to change them all at once or just for one image at a time in content area’s sometimes?
Here is an example that will add a small black border to all images in content areas (unless they have a more specific rule) as well as images in the sidebar:
.entry-content img, #secondary img { border: 1px solid black; }Aside: WordPress recently made a change to image details settings, and the border option in advanced image settings is no longer available. In order to add a border on a per image basis now, you need to edit the HTML of your post and add an attribute such as style=”border:1px solid black;” to the “img” element.
-
Text widgets – can I adjust the text so that it is bold?
This will change the base font weight to bold for all widgets:
.widget { font-weight: bold; } -
Thanks designsimply – simply brilliant.
Just one thing on the image borders – now you’ve given me the option to do them by exception (which is probably best, as some look better without), how would I write the css code to give a border to the widget images specifically? Big thanks :)
-
CSS uses what is called a selector to target specific kinds of elements. IN the Hemingway Rewritten them (a lot of themes actually), the sidebar uses an id named “secondary” — and that means you can use “#secondary” to target just that area. So, if you want to target just images in the sidebar, you would use a selector of “#secondary img” — and if you look back in the example for image borders I posted earlier, you’ll see that as one of the selectors in a list. Here’s the example again:
.entry-content img, #secondary img { border: 1px solid black; }So, let’s say now you want to just change the borders of images in the sidebar only and you want them red instead of black—to do that, you would change the example to this:
#secondary img { border: 1px solid red; } -
I get it now – and that works perfectly! Thanks so much designsimply – I really appreciate all your help.
-
Awesome! I’m happy to help. Sorry it took me a while to get back to the list from before!
I’m going to mark this thread as resolved. If you need further help—please post at https://en.forums.wordpress.com/forum/css-customization/#postform :)
- The topic ‘Interested in new theme Hemingway Rewritten’ is closed to new replies.
WordPress.com Forums 