196 comments found.
Hi there! Is it possible to make the posts in my gallery homepage to be displayed and separated according to category? If it’s not quite clear to you, please see the homepage of greatist dot com to get an idea. Thanks Korra!
Hello,
It is possible. You would need to create a static page and set it as frontpage. Then, create it’s custom content and use [blog] shortcode for displaying different blogs. Note that this shortcode is not documented nor exposed for easy usage anywhere, since it is created for the internal theme functions.
Shortcode:[blog posts="8" style="grid_gallery" category=""]
The ‘posts’ parameter is the count of posts to be displayed, ‘style’ is set as grid_gallery and ‘category’ takes the slug of a category (for example ‘photo_essay’, ‘horror_movies’ – this can be found in the WP-Admin > Posts > Categories).
That’s it. It’s pretty simple actually.
Let us know if you need some more info.
Kind Regards
Yay, thank you so much Korra! This was a great help!
Hi, I’m thinking about buying Your theme, as it really looks great and I love the grid layout. However, I looked at the demo today at work, on a different, wider screen and this is what happens to titles on the tiles: http://imageshack.com/a/img923/2390/tQG074.jpg I was wondering if you were aware of that?
Hello,
We weren’t aware of such issue. Could you let us know what OS, browser and browser version were you using? We would really appreciate that information so that bug can be patched.
Kind Regards
Sure, I was using Windows 8.1 Enterprise, IE 11.0.27 and the screen was: 24”W, 16:9, 1920×1080
Thank you. We will look into what might have caused this.
Kind Regards
Hi, do you have any news about this one? I would prefer to wait with the purchase until it’s resolved.
Hello,
The issue has been resolved and changes can be seen on the demo. New version of the theme is currently being reviewed by the ThemeForest staff, and it will probably be updated in a couple of hours.
Kind Regards
Great, thanks for letting me know!
Hi again, I came up with some more pre-purchase questions about the theme:
1. Do the fonts here support other languages? I will be writing in Polish.
2. What rule does the gallery layout use when choosing the image for the post to be displayed on the main page? Is it the featured image? The same question goes for a cover image in a post – is it uploaded separately?
3. My post titles are usually a little longer than those in the demo – I’m wondering what they’re going to look like in the gallery layout. Would the theme support titles which could be, let’s say, 80-characters long? Would it divide them into lines and keep aligned in the center?
Hello,
1. Yes, most Google Fonts have additional character sets. What you are interested in is ‘latin-ext’, and Brook has the setting where you can choose to include this character set in your font.
2. Gallery layout will display the featured image. That’s it.
Cover image will also display the featured image, but you can choose to upload and customize the cover image independently, and thus override the featured image for single post.
Note that size of the post in the gallery layout is decided by the image size. So, if you happen to have extremely long title, using a bit higher image would solve the problem. 80-characters will be fine in most cases, as you can see on the screenshot.
Cheers
Hi there,
Beautiful theme! Just wondering if it’s possible to use the “archive list” layout for category pages, not just as the blog list style? I mean with Demo 1, I see that it’s available for demo 2 style 
thank you,
Rebecca
Hello Rebecca,
Yes, you can set any of the blog layouts (archive list included) independently for homepage and category pages.
Settings can be found in Theme Customizer > Blog Layouts and Posts > Archives.
Kind Regards
Hi Korra,
really enjoying customizing my site with the Brook theme!
One thing I was wondering about: I am using the Instagram widget, but I would like to find a way to hide its content output on Smartphone screens (i.e. only keep my latest Instagram posts showing in desktop and tablet screen resolutions). Is there some custom css code that you could provide me with that I can apply to reach this objective? http://www.norbertwoehnl.com/Thanks a lot, and kind regards Norbert
@media only screen and (max-width: 599px) {
.footer-instagram {
display: none !important;
}
}
Please let me know if that’s fine.
Cheers.
Hello Norbert,
Yes, that’s exactly how it would be done. Good job!
Kind Regards
Thanks for confirming
Hey guys
in your posts you have a title in cover image like here: http://themeforest.net/item/brook-light-responsive-wordpress-blog-theme/full_screen_preview/11171592
screen: http://snap.ashampoo.com/g7OiDdui
But when i add new post, i dont have such title in it: http://snap.ashampoo.com/GqqsQFBZ
what should i do for that?
Hello,
Thank you for the purchase.
Can you confirm that you have set the title for your post?
If it still is not displaying, please share a link to your website with us, so that we can investigate the issue further.
Kind Regards
can I assign a different size cover image? example, for my studio page I want to add a tall image with text (sans the color overlay) but for the rest of the pages/blog articles I’m happy with how the cover image look that came default with the theme it’s just the studio page—i want a full width banner. if i take the cover off and insert the image, it only runs the same width of the content … help! by the way, this is a great theme it came pretty much close to what we’d want … just this one thing we couldn’t figure out. thanks
Hello,
In order to achieve this, you must customize that specific cover with the CSS. The following snippet is increasing the height and removing the gradient overlay. Customize the height by altering the ‘padding-top/bottom’ values. In order to target the exact post/page cover, change the .postid-’182’ into the ID number of your specific page/post.
@media only screen (min-width: 600px){
.postid-182 .brook-cover .brook-cover__inwrap {
padding-top: 100px;
padding-bottom: 100px;
}
.postid-182 .brook-cover:before {
content: none !important;
}
}
Kind Regards
Great WordPress Blog Theme
quick question, I’d like the feature slider on the homepage to link to blog, studio and contact … so far the two other page are easy to implement, but as for the blog I wonder if there is a way to set an anchor tag so when they click on the blog banner it takes them down to the blog?
Hello,
Featured slider can contain only WordPress’ posts and static pages. If you wish to link to something other than that, like archive or different website, you could try two things:
1. Install a plugin that will allow you to redirect certain links. You could create a page only for the display in the featured slider, and redirect it’s link to your custom one. This plugin would be worth a shot: https://wordpress.org/plugins/redirection/
2. Again, you would need to create the page for the purpose of being featured in the slider, and then customize the template files, to change the link of this slide item to the custom one.
Hopefully, this will set you on the right track.
Kind Regards
Hi there,
I’ve purchased this theme and absolutely love it! I’m having so much fun customising it. I’m using the classic nav header and I’m just wondering if it’s possible to change the height of the nav bar? I just want to make it a little thinner.
Again, thanks for making such a great theme!
Cheers, L
Hello,
Thank you for the purchase and kind words.
You can try using this CSS (it lowers the height by 20px from the original). Feel free to tweak the number as needed.
.header {
height: 60px;
}
@media only screen and (min-width: 600px) {
.header-sticky--true .header-placeholder {
height: 60px;
}
}
.brook-nav--classic {
top: 15px;
}
Cheers
I’ve thought to of another question! I am trying to highlight the text of the Cover title, title above, and description on the homepage. So essentially black text with a pink highlight. I am using this css code:
::-moz-selection { background-color: #ce9492; color: #ffffff; }
::selection { background-color: #ce9492; color: #ffffff; }
But I am unsure of where to put it. I tried in the cover php, and then in the CSS Editor. Any ideas of where this would go?
I’ve also seen this one used:
<style> body { background-color:blue; } .highlightme { background-color:#FFFF00; } p { background-color:#FFFFFF; } </style>
Hello,
Your custom CSS can be added in Theme Customizer > Advanced > Custom CSS, or in the style.css file of your child-theme.
Kind Regards
Hi!
First off, beautiful theme! But how do you remove the yellowish colour gradient on the ‘cover background’ of the homepage?
Thank you!
Also, where are the settings for ‘The Author’ area at the bottom of every post? Thank you!
Hello,
Thank you for the purchase!
1. To remove the gradient on Cover, check this explanation:
http://library.korra.io/brook/documentation/#opaque-header
2. All about customizing your author’s info can be found here:
http://library.korra.io/brook/documentation/#authors
If you wish to globally enable/disable author block on your posts, you can go to Theme Customizer > Blog Layouts & Posts > Single Posts, and (un)check the ‘Show Author Block’ setting.
Kind Regards
Thank you! I jumped the gun and ended up finding those things . Loving your theme so much. Thank you for creating it!
You’re welcome!
Thank you for the kind words and praise. It means a lot!
Cheers
Hi Korra team,
I loved demo 1 and when demo 2 came along, I had to update my whole site. I have a few things that I think will be simple fix.
My last theme update was Oct 31. My website for references: www.myohhmy.com
1. When I make a standard post with photos, the images are 960px wide (I sized all my photos 2400px wide or 1200px wide for vertical). Gallery is wider and is perfect. Can I change it so that all my images are wider like Demo 2 (1160px wide).
2. On my laptop, my footer is cut off. Not sure if it’s just my computer. On my imac and mobile devices, it looks perfect. http://i.imgur.com/K5Co5I4.jpg
Thank you so much! I appreciate!
Hello myohhmy,
Glad to hear that you’re loving Brook!
1. From what I’ve seen, this only happens with your Pinterest embeds. Use the following CSS (paste it into Theme Customizer > Advanced > Custom CSS), to make those Pinterest images be treated the same way standard images/galleries are:
@media only screen and (min-width: 1171px) {
.post__content .pibfi_pinterest {
margin-left: -60px;
margin-right: -60px;
}
.sidebar--false .post__content .pibfi_pinterest {
margin-left: -100px;
margin-right: -100px;
}
}
2. The footer gets cut off because there is not enough space to display it entirely in the ‘unfolding’ style. Just go to Theme Customizer > Layout > Footer and uncheck the ‘Make footer appear in unfolding style’.
Cheers!
Hi, I’m trying to add a gallery to my post and no matter how I change the gallery settings it still appears in a vertical line as opposed to a grid. It never did this before but I did update wordpress recently but I don’t know if that would cause it. Any advice?
Hello,
Latest WP update changed nothing regarding the galleries and theme’s integration of it. Have you installed some plugin that might be altering the galleries?
If that’s not the case, contact us via support page and send us the link to your site. We’ll check what’s going on.
Cheers!
Hi guys! Please tell me something, how can I disable comments and erase the “0 comments” on the top of the posts? I don’t want comments to appear. Thank you
Hello,
In WordPress, comments can be disabled in WP-Admin > Settings > Discussion. This might not affect the already published posts, in which case you need to disable the comments for those post specifically on their Edit Post pages. If you can’t see the ‘Discussion’ section on the Edit Post, you can show it from the ‘Screen Options’ in the top-right corner.
To remove the ‘0 Comments’ information from the theme, use this CSS:
.meta--comments {
display: none !important;
}
Cheers!
Happy New Year! I need your advice… Still love your theme btw 
I want to change “continue reading” to something else. How can I get this done?
Thank you and wishing you a great 2016!
oh… and I would like to change the black line between the posts (homepage). I would like to change it in a dashed or dotted line. Would you help me with a custom css code? THANK YOU
Hello Nelala,
Happy New Year!
Glad to hear that you’re satisfied!
There are two ways you can change the ‘Continue Reading’ text:
1. Use the translation feature to change the text. Docs can be found here: http://library.korra.io/brook/documentation/#translating
2. Paste this code into the functions.php of your child-theme, and change the text directly.
function brook_continue_reading(){
echo '<a href="' . get_the_permalink() . '" title="' . esc_attr( get_the_title() ) . '" class="read-more">' . __( 'Continue Reading', 'brook' ) . '</a>';
}
As for the black line bellow the posts, try using this CSS:
.loop-container--style-list_full .post__footer,
.loop-container--style-list_excerpt .post__footer {
border-bottom: 2px dotted #333;
}
Cheers!
Hello Korra, Happy New Year! I purchased Brook theme recently and I am testing it on a test server. I have a question: While writing a post I noticed an Elements tab with an Image Slider option. When I click it it adds the following code in my post: [image_slider slides=”n,n,n” height=”” interval=”4000”] Is this supposed to be a custom slider option for the post and if yes how do I get it to work? Do I have to write the name of the photos I want to use where the n’s are? Although I tried that no slider appeared in my test post.
Thank you.
Oh, and something else On demo 2 for brook theme there is a post called central aligned galery post that has as a featured image a square of small photos while when you open the post these photos appear in an horizontal line. The featured image is a fixed image created by collage and set up manually by you or when choosing the gallery post form (instead of standart) the photos are supposed to appear like this?
Happy New Year!
Comment 1: Image slider is used to make a slider from the images in your Media library. The slides=”n,n,n”, are the actual ID’s of the images in your media library. You can access the library, and in the list of all your media items, you’ll notice the ID column with the image ID’s. Just input these numbers in the shortcode.
Full documentation on this can be found here: http://library.korra.io/brook/documentation/#image-slider
Comment 2:
That post is ‘Gallery’ post format. This means that it will use the first [gallery] from the content as the featured media in the blog lists (like homepage). Gallery in specifically this post is 4-columned gallery, and it is displayed like that in the single post. However, on homepage it is displayed as 2×2 grid, because there is not enough space for gallery to be reasonably displayed as 4-columned. Theme automatically overrides the gallery settings for display in the masonry layout.
The other part of the question is related to the actual featured image displayed in the single post. This is the background image of the post’s ‘Cover’. By default it will be the post’s featured image, but you can override and customize it in the Post Settings. This particular post has is using that feature to customize the background of the Cover and set the image as ‘fixed’, so that it stays in place while scrolling.
Cheers!
Hi there!
How can I change the width of my main menü, which pops out after clicking that “3 bars button” ?
I noticed that it got a bit more narrow and now the cross to close is only half on that menu.. =S i hope you get what i mean!
Best regards
Hello,
Sure, just use this CSS and customize the values. They must be the same (left is negative value, though). These are the defaults, currently set.
nav.brook-nav {
width: 300px;
left: -300px;
}
Cheers!
Thanks for the reply!
Now I’m able to change the width of the menu, but the “x” which changes into an arrow after hovering over, to close the menu has no margin to the right side… it is exactly on the edge/border of the menu, so it doesn’t look good anymore.. =/
is there also a way to fix that problem?
cheers!
The ‘x’ should be always in the same spot, no matter the width of the menu. We’ve just double checked this, and it responded fine.
Could you send us a link where we can see the issue?
Feel free to use the support page for the direct response.
Cheers!
Hello. I would like to add a narrower footer with a different background color below the footer that contains the widgets. (as we can see in this website for example – http://chrisguillebeau.com/). Is that possible? Can you help me? thank you.
Hello,
You’d mostly need to edit the footer.php template file. Currently, footer contains upper-footer with 3-columned widget areas, and bottom-footer which has logo, copyright and footer-menu.
You could either edit the current bottom-footer to include new widget area, or add completely new row on the bottom of the footer and add new widget area there. As for the different background – you could add a new theme option for that, but it’s probably enough to simply style it directly with the CSS.
Cheers
Hello, please can you tell me how can I change the bottom-footer backgroud? I´d like it different than the upper-footer backgroud… thank you.
Hello,
You can use this CSS, and customize the background to the desired color (first selector):
.footer__bottom {
background: #000 !important;
}
.footer__inwrap {
max-width: none;
padding-left: 0;
padding-right: 0;
}
.footer__widgets {
max-width: 1280px;
padding-left: 60px;
padding-right: 60px;
}
.footer__bottom {
max-width: 1280px;
padding-left: 60px;
padding-right: 60px;
}
Kind Regards
Apologies if this has already been covered, but I am interested in purchasing this theme but wondered if you could clarify a few things first so I can ensure it is the right theme for me, please?
1). Is there a way (perhaps within CSS) to make the white space behind the blog title/logo deeper?
2). Can I remove the grey backgrounds behind the Instagram feed etc.? I’m a big fan of letting space be white, to allow it to breathe…Also, is the aqua highlight colour changeable?
3). Is there a way of aligning the About Me etc. content on the left hand side rather than the right orientation?
Thanks so much in advance,
Sophie
Hello Sophie,
1. If by deeper you mean higher, it is possible for the Classic Header Layout (demo 2, horizontal navigation), but not for the Minimal Header Layout (demo 1, offscreen navigation).
2. Yes, you can change/remove the widget’s backgrounds. There is the option for that in the Theme Customizer > Style > Backgrounds.
Also, all colors can be customized. The aqua highlight is the ‘Accent’ color.
3. Yes, sidebar can be set to be on the left, right or completely disabled.
Kind Regards
Hi! Featured slider won’t show on static homepage even if I’ve enabled it in the edit page and theme customizer settings. Any fixes for this? Thanks!
Hello,
Only reason why it wouldn’t show up is if it isn’t configured correctly, that is – if there are no posts to show. Full docs for the slider can be found here: http://library.korra.io/brook/documentation/#featured-carousel
Have you tested if it displays on the default frontpage?
Kind Regards
