Hatch theme
-
Hi there, hoping someone can tell me how to:
– Reduce the size of Comment features. Specifically, where it says ‘Leave a reply’, the text box under that and any actual comment boxes.
– Is it possible to use light boxes or pop up boxes in wordpress? I’d like to have some text that links to pop up boxes rather than another page/site.Thanks a lot, cheers
The blog I need help with is: (visible only to logged in users)
-
Hi Loren,
– Reduce the size of Comment features. Specifically, where it says ‘Leave a reply’, the text box under that and any actual comment boxes.
Sure! You can change this by editing CSS. Please go to Appearance > Customize > CSS and try adding this:
#comments.comments-area { width: 40em; }You can change are the number to fit your desired size.
– Is it possible to use light boxes or pop up boxes in wordpress? I’d like to have some text that links to pop up boxes rather than another page/site
Unfortunately this wouldn’t be allowed on WordPress.com. However, this is possible on the self-hosted version on WordPress.org via a plugin. If this is a necessity for you, this guide will step you through the process of moving your site to a WordPress.org instance:
http://en.support.wordpress.com/moving-a-blog/#moving-to-wordpress-org
As we only support sites hosted here at WordPress.com, all issues with the new site – including the importing of the file – must be taken to the WordPress.org support community:
If you’d like assistance moving your WordPress.com site to WordPress.org, we have a service called Guided Transfer that does all the work for you. Check it out to see if itâs right for you:
http://en.support.wordpress.com/guided-transfer/
I did a quick search for popup window plugins and came across this:
https://wordpress.org/plugins/tags/popup-window
Take a look and see which one you prefer if you decide to move to self-hosted.
Cheers!
-
-
Sorry, one more about the comments…how do I reduce the size of the text ‘Leave a reply’?
Thanks in advance… -
Hi Loren!
.how do I reduce the size of the text ‘Leave a reply’
You can do this by adding this CSS:
h3#reply-title.comment-reply-title { font-size: 1em; }Just like before, you can change the number to your desire.
Cheers!
-
Thanks again Graceiyoung!
I have another question… :)For the site title and tagline, can I increase the width? I would like to keep it left aligned, just want to extend the width to allow more words on each line. I’ve tried a few things, but none of the code I can find is working in Hatch.
Your help is much appreciated!
-
And another one – how to increase the font size of both the title and tagline?
okay, that’s it for now!
-
Hi Loren,
For the site title and tagline, can I increase the width? I would like to keep it left aligned, just want to extend the width to allow more words on each line. I’ve tried a few things, but none of the code I can find is working in Hatch.
Sure! You can do his by adding this code:
.main-navigation { width: 25%; } .site-title, #masthead hgroup { width: 75%; white-space: nowrap; }how to increase the font size of both the title and tagline?
.site-title a { font-size: 60px; line-height: 80px; } .site-description { font-size: 24px; }You can change the numbers around to fit your desired look!
Cheers!
-
Thanks a million, yet again!
Unfortunately the tagline/site description isn’t working…
Any other ideas?
:) -
I’ve tried this too…
The line height and the colour changes, but the font size stay the same.h2.site-description {
font-size: 50px;
line-height: 55px;
color: orange;
} -
-
This one works, thanks a lot.
I just noticed that the mobile version isn’t that great.
– some CSS doesn’t work eg width of title (font size is too big so you can’t see the whole title)
– images in grid are cropped
– text on hover of images does not fit
– some postsIs there a quick fix for this, or do I need to address all CSS separately?
As always, THANK YOU! -
Hi Loren,
So unfortunately this is one of the biggest issues for changing the layout of the theme. It can break the display for mobile and tablet devices.
The best way to fix this would be through media queries. Try adding this:
@media only screen and (max-device-width: 480px) { .site-title, #masthead hgroup { width: 100%; white-space: normal; } .wf-active .archive .hentry .entry-title a, .wf-active .blog .hentry .entry-title a { font-size: 13px; } }While you wouldn’t be able to have it all on one line like you have on your site – it will fit on the screen. Also, the font size when you hover over images has been changed to fit on a mobile device.
Cheers!
-
You are a gem! I had to tweak it a little, but totally works. Changed ‘max-device-width’ to ‘max-width’. The text size is perfect too :)
One more topic…
Is there a way to remove the Menu? Currently the word Home appears in the top right menu, which is fine. But depending on the browser width, the word ‘Menu’ appears under the tagline, quite large. It’s pretty misleading because I don’t need it – I only have the home page with posts, there’s no other pages.
I can’t figure out how to get rid of it. Any ideas?Thanks again for solving the mobile problem!
-
Hang on, just worked it out. This worked:
.site-navigation { display: none; }Thank you so so so so much for all your help. Have a wonderful day :)
-
- The topic ‘Hatch theme’ is closed to new replies.
WordPress.com Forums 