196 comments found.
Hello – is there a way to remove the gradient color effect from the cover? Thanks for your help!
Hello,
Sure, just paste this code into Customizer > Advanced > Custom CSS:
.brook-cover.bg--true:before {
content: none !important;
}
Cheers
great thank you!!
Hi, How does the first letter appear as a big character, what do we do for it.
Hello,
You should select the first letter and choose from toolbar Formats > Brook Styles > Dropcap.
http://library.korra.io/brook/documentation/#formatsKind Regards
Thank you, I found it by trying it as dropcap. Thanks again for your help.
Hello I can’t see the format option beside elements. I called the first letter to make it big but couldn’t find it, I’d appreciate it if you could help
Hello,
It’s possible that you installed some plugin that alters how default WordPress’ editor looks/behaves. Try disabling any suspect plugins and see if the issues will resolve.
Kind Regards
Hello,
How can I Display the Featured Slider in this page? https://www.shunitharel.co.il/But not at the top of the page.
I want to display it at the middle of the page. Is there a short code to use or something else?
Hello,
You can display carousel anywhere in the content with the following shortcode:
[blog posts="6" style="carousel" category="" tag="" sort_by="date" sort_order="DESC" interval="4000" extra_class=""]
- posts – max number of posts
- category/tag – filter posts by taxonomy slug name
- interval – automatic animation in miliseconds. Use 0 to disable automatic animation.
Cheers
Hello,
Thanks for your help.
Another question: How can I use the Footer like the Footer in your Demo 2?
Hello,
There are 3 Footer Widget Areas – Left, Center and Right. You can populate them with the widgets in WP-Admin > Appearance > Widgets.
Kind Regards
And another one:
I used your shortcode but check it in 2 different iphones and the Posts are not scrolled. Why?
I know where I can populate the 3 Footer Widget.
But How can I make them to be shown like in your demo 2?
And one problem: Why do I get this error message in the text editor? Failed to load content css: https://www.shunitharel.co.il/wp-content/themes/brook/framework/tinymce_extend/tinymce_styles-rtl.css
Hello,
- We’ve just checked your website, and your carousel behaves correctly – on iPhone it scrolls both on swipe and pagination. Automatic animation is active, however there is a bug (this is probably what you experienced). Once you touch-scroll the carousel, it stops it’s automatic animation. We will patch this bug and release the new version of the theme, so you’ll be able to update it on your installation and fix the issue.
- We don’t fully understand what do you mean by ‘shown like demo 2’. If you add widgets to the 3 footer areas, they will automatically look same as on our demo, it’s the default style.
We have 4 widgets:
1. Text widget – ‘Brook’ image aligned left.
2. Tag Cloud widget – default.
3. Brook: Blog List widget
4. Brook: About Author widget
- Theme doesn’t try to load that file, and from our side it doesn’t even exists. After a bit of looking into this, we concluded that WordPress automatically tries to get the ‘rtl’ version of a file we do have ‘tinymce_styles.css’. We will make a fix for this in the upcoming patch as well, in the meantime you can leave it like that as it doesn’t affect anything and is completely not seen on the front-end of the website.
Kind Regards
Hello,
I know my support for this item has expired, But you didn’t answer my question so I’ll be happy if you can help me.
About this: “We don’t fully understand what do you mean by ‘shown like demo 2’”
In your demo the footer Is revealed from the bottom up. In my site its revealed from the top to the bottom. Why?
Kind Regards
Hello,
You do have the ‘Unfolding Footer’ style enabled, and when we access your site, it works correctly.
You are probably viewing your website from a smaller screen (maybe laptop) – when there is not enough window height for footer to be fully displayed, it displays regularly and not in the unfolding fashion.
Kind Regards
Hello. I have a problem with my gravatar image- I have uploaded it, but it doesn`t show on a blog post. I tried to remove the image and my author name on a blog post after a date with CSS you gave, but it doesn`t work.
Also- I have multisite and on all my sites shows the same author name. Can I add another author or change that name on just one of my sites?
Hello,
You should check that the author’s email is correctly set in your Gravatar account. Theme makes no alterations here, it’s all WordPress functionality and there is no reason for it not to work.
We can’t exactly recollect what was the case, but if you wish to remove the author’s meta details (date – author – comments), this must work:
.meta--author {
display: none !important;
}
If it doesn’t, please send us the link to your website so we can check what’s going on.
Multisites, as well as authors are not affected by the theme – they are fully WordPress functionality. Your problem is a known limitation which seems to be easily solved with this plugin: https://wordpress.org/plugins/individual-multisite-author/
Kind Regards
It worked. Thank you! 
Hi! I liked the scroll menu in the brook theme! For sale do not plan (separately)?
Hello,
Unfortunately, no. Theme has been completely custom-built, and is sold only as a whole.
Kind Regards
Hello,
I’ve been using your template for over a year and since I update my Wordpress to 4.8.1 part of my web site (the post content) is blank.
Please check the url: http://chaparrosemoinhos.com/
How can I solve this problem?
Thanks
Hey Ricardo,
We’re sorry to say this, but you have been hacked. We noticed some suspicious javascript errors on your website, and it appears to be the known hack.
Take a look at this thread, it will be good starting point for dealing with this. The injected javascript code in the question is exactly the same as the one on your website: https://wordpress.stackexchange.com/questions/256050/how-to-find-the-backdoor-of-the-hack
Kind Regards, and good luck
Also, a thing to note:
The cleanup of the infected files will be relatively easy. Finding the source of the infection will be hard. 99% chance is that the infection started from some third-party plugin. Until you find the source of the hack and deal with that, the infection will keep coming back.
Maybe the least painful approach in dealing with this is to revert website to some old, safe backup (if you, or your webhost have that).
Cheers
Hello,
Thank you for your feedback, I will try to go for the backup way.
Hi again,
Just to let you know that everything is fine now.
First I tried to restore a old backup of my website, with no success.
After I checked my database and see that there was a lot of weird websites listed, I deleted them and everything seems to be solved.
Also I added more security features to avoid problems like this in the future.
Thanks for your support.
Great job! We are very happy to hear that.
Cheers!
Hi there! I’ve been using your template for over a year now and I really love it. However there is one thing that always bugged me. I use gallery grid and on main page, when post titles are shown on a lighter background, there’re often not visible clearly due to white font. Is it possible to use some CSS magic to insert a drop shadow behint the titles there? Only on the homepage? Right now it looks like this: http://www.catusgeekus.pl/
Nevermind, I managed to do the CSS magic myself (so proud!!!)
Well done!
Cheers
Hello.
Thank you for your support. I have a few more questions?
1. Can I make my blog cover image higher? 2. Where can I put in my Author data (name, picture etc)? That icon shows upon every blog post. 3. Is it possible to take of “category” tittle on that category image when I open the category or translate it in my language? 4. Also- can I translate also words “read more”, “comments” ? Because after translating wordpress, it changed just language for date and my wp-admin language.
1. You can increase the height of the blog cover by increasing the paddings above and below the post title with this CSS snippet (these are current values, increase them per your liking):
.brook-cover:first-child {
padding-top: 150px !important;
padding-bottom: 100px !important;
}
2. Authors details are set in WordPress Admin > Users. Details and explanations can be found here: http://library.korra.io/brook/documentation/#authors
3. & 4. Yes, it is possible and easy to do. You are interested in translating the theme strings. Theme comes translation-ready and you can jump in to making translations. Details and guides can be found here: http://library.korra.io/brook/documentation/#translating.
Kind Regards
1. Where should I put that CSS because if I put in Customize—> Advanced, then nothing happens.
2. I have followed all details about changing profile picture, but nothing changes and there is still no picture. My name I have changed successfully.
3. Thank you. Translation works
1. Leave the code in the Customize > Advanced, that’s correct place. Can you send us a link to your website? We’ll jump in to investigate.
2. You need a valid Gravatar account connected to your WP Author’s email address. In Gravatar, you can set your avatar image.
I am using the Fullscreen Galleria plugin which creates a lightbox effect when you click on an image. I like that lightbox better than default one. But when you close the image you can see the default WordPress lightbox image behind it,
How can I disable this and keep the plugin effect?
Hello,
There are two possible approaches, depending on the desired situation.
1. By disabling Brook’s gallery, you’ll get rid of both lightbox and Brook’s alteration of the WP [gallery] shortcode: http://library.korra.io/brook/documentation/#disable-gallery
2. To disable only the Brook’s lightbox part, you need to edit the brook/framework/functions/gallery.php file, preferably in your child-theme. Find the lines #140-141:
$lightbox_class = $atts['link'] === 'file' ? 'gallery--lightbox' : ''; $lightbox_icon = $atts['link'] === 'file' ? '<span class="lightbox-icon" />' : '';
Edit them into this:
$lightbox_class = ''; $lightbox_icon = '';
Kind Regards
Thank you very much. Finally it works
My client’s website had an issue where the masonry grid layout would break if there were too many sticky posts. It looked like anything over 30 perhaps, and all of the posts would stack on top of each other. Basically all the loop’s articles were positioned absolutely, but with no left, right top or bottom values.
The fix was to reduce the number of sticky posts, and the masonry layout was fixed.
Hope this helps someone else.
Hey there,
Thanks for the heads up!
We will look into this scenario and resolve the issues.
Cheers!
Hello. 1. Is it possible to make multiple cover images with this theme? (like here https://schoolforwellness.wixsite.com/madarakurpniecefoto ) If it is not, then how can I make my gallery or image full width on the page?
2. Is it possible to make all images in post less wide? If I resize image, nothing happens.
Hello,
1. Cover supports only single images. There is no way to make a gallery/image fullwidth, at least not by the theme itself. You would need to add some custom CSS, and possible javascript to support this.
2. Images, as well as galleries, videos and blockquotes are ‘breaking out’ of the column by 60px on each side. You could shrink this to 30px with this CSS:
@media only screen and (min-width: 1171px) {
.post__content blockquote,
.post__content .highlighted-p,
.post__content .alignnone,
.post__content .gallery--newspaper,
.post__content .brook-embed-container,
.post__content .mejs-container,
.post__content .row {
margin-left: -30px !important;
margin-right: -30px !important;
max-width: calc(100% + 60px) !important;
}
.post__content {
padding-left: 60px !important;
padding-right: 60px !important;
}
.post__content .alignleft {
margin-left: -30px !important;
max-width: calc(100% + 60px) !important;
}
.post__content .alignright {
margin-right: -30px !important;
max-width: calc(100% + 60px) !important;
}
}
If you would like for images to be exactly in the width of the column, use this: http://library.korra.io/brook/documentation/#equalize-content-width
Kind Regards
Hi guys,
i have an issue with the featured-loop picture quality. I dont know why the qualitiy of the featured posts-pictures are bad as it looks like now: http://bit.ly/2u5yFnu Please see for example the latest post http://bit.ly/2uXYcM3 and compare the slider-image and the image which is shown in the post.
I already tested the wordpress-compression, but this was not an issue – even if i turned it off, the pictures didnt looked better.
Could you help me out with this?
Thanks and regards!
And a second question:
Could you help me to change the position of the category description? I want to show it at the end of the category, right before the footer.
Third question: If i scroll down the blog and than open the navigation, i have to scroll all the way up, to see the links. Could they managed to be sticky?
Thanks again!
Sorry, another quick question:
how i active this feature: http://demo.korra.io/brook/about-me/
The gallery-grid for recommendated posts?
Hey there,
1. You are correct, the images are blurry in the featured slider. We’ve tested this a bit and found the source of the issue. While this will be patched in the theme update, you can just paste this code into Customizer > Advanced > Custom CSS:
.loop-container--style-carousel .post__media img {
margin-bottom: -30px;
}
2. To move the description in the category archives to the bottom, you need to hide the current one, and add new at the bottom. If you do not use a child-theme, it might be best to start now. Here, changes must be made on the template files, and you would lose those modifications upon theme-update. If they are in your child-theme, they would be intact.
To hide the current description, simplest way is to use this CSS:
.content-wrapper__inside.archive.category .brook-cover .description {
display: none;
}
To show the description at the end, you should copy the archive.php file from parent-theme into your child-theme and edit it. Find this line:
<?php get_template_part('loop'); ?>
After it, paste this:
<?php if( is_category() ){
$cat = get_queried_object();
echo '<div class="highlighted-p" style="padding-top: 30px;">' . $cat->description . '</div>';
}?>
Done!
3. Hmm, well they should be sticky. This seems to be a bug, yet we can’t recreate the problem. What device/browser are you using when you experience the bug?
4. The gallery-grid blog you linked is created via the Blog feature available for any static page. Below the main editor, in the Page Settings, click and enable Blog. Simply choose the Gallery-Grid style for it.
If you need any more guidance or if something was not clear, please let us know, we’ll be happy to help.
Cheers
Hi!
Thanks a lot for your very quick response.
1. It works really great for Desktop, but not for mobile (smartphone).
2. Thank you – i will try it!
3. it was my mistake – sorry. I only appears when i logged in as admin, with the wordpress-admin-bar. By the way it appears in chrome on mac.
4. Also this worked very well – thanks a lot again!
Cheers!
fyi: i moved the description successfully – thank you!
Hi,
Great, glad to hear that you succeeded!
Regarding the #1 – it is highly possible that the issue happens because the way image gets shrunk to fit the screen. Browsers tend to render shrunk images blurry sometimes.
Try changing the way image is displayed/resized by using this CSS:
.loop-container--style-carousel .post__bg {
background-size: initial;
}
Your images will probably appear a bit zoomed-in, but that’s the only way for them to be displayed sharp.
Kind Regards
Hello. I just purchased this beautiful theme and wanted to ask some questions?
1. How is it possible to make semi-transparent white color over category main picture? If I am using Minimal menu, it is automatically there, but I want to make it if I am using Classic menu.
2. How can I minimase the space between Top of the page and where the text or pictures start? I thin it is too big.
4. I would like to make my homepage as I had on my previous website (www.madaraphoto.com) and I have some questions about it: a) Can I make gallery slider which looks in design similar to featured posts slider? b) Can I make text in 3 columns which is in this design with symbols and image with colored hover in background? c) How can I make gallery on the left and text on the right of it and align the way it looks beautiful and then gallery on the right and on the left side text under it? (you can look up in my web page, how it looks)
Hello,
1. You can use the same CSS as Minimal variant is using:
.brook-cover:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: -webkit-linear-gradient(top, rgba(255, 252, 226, 0.9) 0%, rgba(255, 252, 226, 0.2) 100%);
background-image: -moz-linear-gradient(top, rgba(255, 252, 226, 0.9) 0%, rgba(255, 252, 226, 0.2) 100%);
background-image: -ms-linear-gradient(top, rgba(255, 252, 226, 0.9) 0%, rgba(255, 252, 226, 0.2) 100%);
background-image: -o-linear-gradient(top, rgba(255, 252, 226, 0.9) 0%, rgba(255, 252, 226, 0.2) 100%);
background-image: linear-gradient(to bottom, rgba(255, 252, 226, 0.9) 0%, rgba(255, 252, 226, 0.2) 100%);
z-index: 1;
}
2. Depending on what exactly you need to minimize, you can either lower the main-content’s padding with this:
.sticky-kit-wrapper {
padding-top: 80px;
}
or, lower the logo’s vertical padding with this:
.banner-logo {
padding-top: 30px;
padding-bottom: 30px;
}
Note that these are the current, default values.
3. a) Brook has only masonry gallery available. You could use featured posts to display exactly the posts you wish to be a ‘gallery’ and maybe hide some of the overlay text with CSS.
b) Theme does not have the ‘columns’ feature.
c) You could customize one of the visually closest blog layouts (probably Excerpt list) with CSS. Hide the content that is not needed and make use of `:even` and `:odd` pseudo selectors to float things in a different direction.
Cheers
Thank you a lot!
I wanted to ask- is it possible that when you press “continue reading” button on Massonary grid, it redirects you to some specific category, not that blog post?
Hello,
If you wish to change all the posts to lead to their own category, you could customize the templates and automatically alter the links like that.
If you wish to customize only some of the posts to lead to the different pages, then you could simply redirect those links. This plugin is a good one for this kind of task: https://wordpress.org/plugins/redirection/
Kind Regards
I have one more question (hope this will be the last one) I sav on your demo ( http://demo.korra.io/brook2/post-improvisation ) text made in two columns. That means that it is possible? And if it is, then how?
Also I wanted to ask, how to change font on featured image hover like in demo version No2?
I also have a question- why I can`t see any image (like in demo) on my Masonry post grid on the page?
Hello,
1. You are interested in the Half Left/Right formats. Select the content in the editor and from the toolbar choose Formats > Brook Styles > Half Left/Right.
2. Title of the posts over the featured image is H1, so simply change it in the Customizer > Style > Typography. Our Demo 2 H1 typography is: Lato 52px.
3. Masonry displays featured images for standard post formats, or gallery/quote/video for their appropriate formats. Outside of this rule, there is no much reason why the featured image wouldn’t display. Can you share a link where we can investigate the issue?
Kind Regards
When I set the featured image on post page, the post dissapears from everywhere and appears in fetured slider, but I dan’t want that. Here is the link: http://sajutufoto.lv/ In the bottom was supposted to be blog posts with images. Blog posts I can get there, but if I put in featured images in them, they dissapear and appear in featured slider. I don’t want that way.
P.S. How is it possible to translate “continue reading” button and change post dates in my national language?
Hello,
1. In the settings of your blog you can choose to Exclude featured posts from Blog. You probably have this checked and should uncheck it.
2. Dates are usually automatically translated by WordPress once you switch language. To translate theme strings, like ‘continue reading’, check this part of the documentation: http://library.korra.io/brook/documentation/#translating
Kind Regards
Hello again,
Apologies for my many questions… I hope it’s the last ones.
I’m testing my pages in mobile (iPhone 6+) and I figured out that there are a lot of problems:
1. In all the pages the cover photo don’t looks good, especially in this page: http://www.shunitharel.co.il/%D7%90%D7%95%D7%93%D7%95%D7%AA%D7%99%D7%99/How can I fix it?
2. In all the pages there are large white spacing above the footer. How can I delete it?
3. In this page: http://www.shunitharel.co.il/%D7%9E%D7%AA%D7%9B%D7%95%D7%9F-%D7%9C%D7%9E%D7%90%D7%A4%D7%99%D7%A0%D7%A1-%D7%98%D7%91%D7%A2%D7%95%D7%A0%D7%99%D7%99%D7%9D/ The video is displayed in the mobile bigger then the size of the screen.Why is that? And how can I solve it?
4. And last one: How can I pin the pages name at the menu (web and mobile) to the right?
Hello,
1) Covers on mobile look fine – they are intentionally displayed as fullscreen. If you wish to change this, use this CSS:
@media only screen and (max-width: 599px){
.brook-cover.bg--true {
height: auto !important;
padding-bottom: 50px !important;
padding-top: 100px !important;
}
}
2) Use this CSS:
@media only screen and (max-width: 599px){
.post__related {
margin-bottom: 20px;
}
}
3) This usually happens when Jetpack plugin is installed. Specifically, Jetpack’s Shortcode Embeds module overrides the Brook’s functionality for responsive embedded media, and all the Youtube/Vimeo embeds start rendering out of proportion and size. Just deactivate this module from the plugin and things will get back to normal.
4) We haven’t understood the question, could you please explain it in a bit more detail? If it is simply related to menus, you can control your menu in WP-Admin > Appearance > Menus.
Kind Regards
Thank you for your help!
About the menu: I need it to be RTL. When I open the menu, all the pages names are in the left side of the menu box. I need them to be shown in the right side of the menu box.
Oh, of course, this is an oversight on our part.
Just use this CSS:
.brook-nav {
text-align: right;
}
Kind Regards
Hello,
I’m starting to build a static home page: http://www.shunitharel.co.il/How can I hide the name of the page that display on the cover? How can I control the height of the cover photo and make it higher? And how can I hide the white space between the cover photo to the content of the page?
Hello,
All your requests can be easily resolved with a bit of CSS.
Use this code (you can paste it into Customizer > Advanced > Custom CSS). Note that this code aims to change only the elements on your homepage.
.page-id-712 .brook-cover h1 {
display: none;
}
.page-id-712 .brook-cover {
padding-top: 300px;
padding-top: 250px;
border: none;
}
.page-id-712 .sticky-kit-wrapper {
padding-top: 0;
}
Kind Regards
Hello,
In the minimal header layout: How can I display a large logo (for example to be 300px height or more)?
And how can I build a full width pages?
Hello,
Minimal header has height of 120px and logo can’t be larger than that. Classic header layout is suitable exactly for such requirement – it supports logo of any size.
You can disable sidebar by unchecking Theme Customizer > Layout > Sidebar > Use Sidebar. Creating pages of truly 100% desktop screen width is not possible.
Kind Regards
Hello,
Thanks for your help!
Another question: I’m starting to build a static home page: http://www.shunitharel.co.il/How can I hide the white spacing between the header and my cover photo? Can I also make the cover photo to be behind the logo and the header?
Hello,
Currently, your homepage does not have Cover. You can add cover image by checking the Use Cover setting in Edit Page > Page Settings. After that, configure your cover image with the dedicated setting.
Kind Regards
Now my page have cover.
How can I hide the name of the page that display on the cover? How can I control the height of the cover photo and make it higher? And how can I hide the white space between the cover photo to the content of the page?
Hello,
All your requests can be easily resolved with a bit of CSS.
Use this code (you can paste it into Customizer > Advanced > Custom CSS). Note that this code aims to change only the elements on your homepage.
.page-id-712 .brook-cover h1 {
display: none;
}
.page-id-712 .brook-cover {
padding-top: 300px;
padding-top: 250px;
border: none;
}
.page-id-712 .sticky-kit-wrapper {
padding-top: 0;
}
Kind Regards
Hello,
How can I remove the first featured post? (for example in this page http://www.shunitharel.co.il/) the post: London : The Gallery Post
Hello,
The post in question is marked as ‘Sticky’.
You can ‘unstick’ that post in it’s own Edit Post settings.
Kind Regards
Hello,
In your item details you wrote that there are Parallaxed Covers.
How does it work? How do I use it?
And about the fonts – How can I add google hebrew fonts to the theme? I tried to do it like you explained but no font was added…
Hello again and thank you,
Parallaxed covers are automatically enabled. It’s the subtle effect on Cover images of Post/Pages, where background offsets slowly while you scroll down.
In order to use Hebrew fonts, you should pick one that has Hebrew characters (for example ‘Alef’), and make sure to stress that you wish the Hebrew characters loaded – At the bottom of the Typography settings, find ‘Character Sets’ field. Input either ‘hebrew’, or ‘latin,hebrew’.
Kind Regards
Thank you very much!
About the fonts: I can’t find some fonts for example: Heebo (it’s google font). Why?
That’s strange. We’ve just checked it, and Heebo is available. Have you tried using the search for the font-selector?
If you still can’t find it, it is possible that your google-font archive is not updated. If this is the case – can you please contact us via Support tab, we will send you the explanation on how to update it.
Kind Regards
I tried using the search for the font-selector and the font didn’t found.
I contacted you via support tab.
Hello,
In your item details you wrote that there are Parallaxed Covers.
How does it work? How do I use it?
And about the fonts – How can I add google hebrew fonts to the theme? I tried to do it like you explained but no font was added…
Hello,
Can you, please, contact us from the account that has purchased the theme so that we can confirm that you are indeed using our theme?
Thank you
Hello,
I want to buy the theme but I need to use it with Hebrew language.
Is it possible to translate it to someone who don’t know code/html/css etc?
Is it hard to do it?
Yes, theme can be easily translated without any coding skills. You can read about it in our docs here: http://library.korra.io/brook/documentation/#translating
Note that beside PoEdit software we suggested using, there are WordPress plugins and even online tools for translating .po language files.
Kind Regards
