536 comments found.
Hello!
How can I make the logo on the desktop bigger?
Thanks
I checked the documentation, but I’m not sure which Footer Widget to use in order to add text to the last/white part of the footer – in the demo it’s all the way on the bottom containing these details “A Captivating Personal Blog Theme and the menu Art & Design Beauty Lifestyle”
Thanks
Hi,
Appearance > Customize > Ruki:Theme Settings > Header Settings. You can set the logo size for desktop, tablet and mobile.
That’s not a widget in the footer.
Appearance > Customize >Ruki: Theme Settings > General Settings: Footer text
The links in the footer is the footer menu. Appearance > Menus: Footer Menu
I hope this helps?
Thanks – Steve
Thank you, Steve!
Looking at this demo – http://www.3forty.media/ruki/?demo=6, is there a way to specify which post will be displayed all the way on top? In the demo case it’s the “To travelling occasional at oh sympathize prosperous” post.
I would like to control which post is displayed on top so I can make that a featured post.
Thanks!
Just a note – I’m unable to use “Post ID” for the cover, as I’m using custom structure urls. Thanks.
Hi,
You can still use Post Id’s as this uses the WP database.
Appearance > Ruki: Hero Settings
Post type: specific posts Enter the post ID in the post ID’s field.
I hope this helps
Thanks – Steve
Is it possible to have the homepage showing less posts then other categories? I know I can change the amount of posts in settings/reading/ but I would like my homepage show less posts then the category. I tried to add more columns to the categories, but then could only be done when i disable “show sidebar”. Is there any other way to do this. Or can I only have more columns when “show sidebar is turned of? Thank you
Hi,
Only 2 columns are supported when the sidebar is enabled.
You can use function to limit the number of posts only on the homepage;
Add this to your functions.php file;
function ruki_custom_limit_home_posts( $query ) {
if ( $query->is_home() ) {
$query->set('posts_per_page', 10);
}
}
add_action( 'pre_get_posts', 'ruki_cstm_limit_home_posts' );
Thanks – Steve
Thank you! Just one more question, Is it possible to have two columns in the categorie section in mobile view?
@media (max-width:640px) {
.cols-4 .flex-box, .cols-3 .flex-box, .cols-2 .flex-box, .masonry[class*="cols"] .flex-box {
width: calc(100%/2 - 30px);
}
}
Thanks – Steve
Thank you. Is it also possible to change the size of the title and button in only the mobiel view?
Hi,
Which title and which button?
Oh sorry, post title and the button for the category (above title, om bottom photo)
Archive: Change the font sizes to whatever you need.
@media (max-width: 480px) {
.flex-grid[class*="cols"]:not(.post-navigation):not(.single-hero) .flex-box .entry-title {
font-size: 30px !important;
}
.entry-meta .post-categories {
font-size: 13px;
}
}
Single: Change the font sizes to whatever you need.
@media (max-width: 480px) {
h1.page-title, h1.entry-title, .has-sidebar h1.page-title, .has-sidebar .default h1.entry-title {
font-size: 2.125rem;
}
.entry-meta .post-categories {
font-size: 13px;
}
}
Thanks – Steve
The button text changes in size, but the title does not when I change it.
Can you share a link?
I don’t see any font size changes, did you change the font size to a smaller size? (E.g. font-size: 18px rather than font-size: 2.125rem) I only see 2.125rem in all inline CSS
I just noticed the size of the title changes in the post, but not in the category. I don’t want to change it in the post, only in the category.
Hi,
I don’t think you have changed the size. You need to change the size in the CSS;
@media (max-width: 480px) {
.flex-grid[class*="cols"]:not(.post-navigation):not(.single-hero) .flex-box .entry-title {
font-size: 30px !important;
}
.entry-meta .post-categories {
font-size: 13px;
}
}
Change 30px to whatever you need (try 26px)
Thanks – steve
I tried 10 px: https://www.mariskavos.nl//images/texttest.jpg
Firstly you only need to copy the code. You have copied the code and conversation to the CSS.
Next clear cache (you are using a cache plugin and will need to clear this before you see any changes)
If you are still having issues you can send me a temporary wp-admin login and I will make the changes or you. 3fortymedia@gmail.com
Thanks – Steve
Oops I was rushing it a bit to much I think. Thank you for all your help. I will try clearing the cache and see if this works later today or tomorrow.
I just noticed the change does not appear in the preview mobile version, but it does on an actual mobile phone. Just one more question. It it possible to keep the title bigger on the homepage?
So you only want to change the size of the post titles on category & archive pages and leave the homepage titles as they are?
Replace the previous code with this;
@media (max-width: 480px) {
.archive .flex-grid[class*="cols"]:not(.post-navigation):not(.single-hero) .flex-box .entry-title {
font-size: 30px !important;
}
.entry-meta .post-categories {
font-size: 13px;
}
}
Yes, thanks!
Hi,
How to change the words”A Captivating Personal Blog Theme ” at the left side of the footer.
Hi,
Appearance > Customize > Ruki: Theme Settings > General Settings: Footer text
Thanks – Steve
Good morning, I’m Paola and I have a couple of questions related to Ruki theme. First of all, I installed demo n.4. Before the footer, in ‘user’s favorite’ and ‘Popular’ sections, I noticed that – if normally the icons are pink, once I edit the articles, the icons turn black. The second thing is that when I installed the demo, every cathegory displayed a different color in the articles preview on the home page. Once I changed the names only, every cathegory has the same only color. Could you help me change these two things back to the way thery are in the demo version? Best regards, Paola
Hi,
You can edit theme colours in Appearance > Customize > Ruki: Color Settings
It sounds like you want to change the category slug colours? You can do that in: Appearance > Customize > Ruki: Color Settings > Category Tags
I hope this helps?
Thanks – Steve
Hello guys,
I would like to know two things:
1. how to copy the subscribe page of the RUKI template (http://www.3forty.media/ruki/subscribe/)
2. How do I make the Subscribe form (stay in the loop) in the footer that I implemented look exactly like yours? (please see mine at https://alessandragianoglio.com/)
I’m looking forward to hearing from you soon.
Thank you!
Hi,
Thanks for your message.
1. Create a new page and add the MailChimp block to the page and any additional text and featured image.
2. Here is the code for the MailChimp form MC4WP > Form.
<label>Subscribe to my newsletter for all the latest updates</label>
<input type="email" name="EMAIL" placeholder="Your email address" required />
<input type="submit" value="Sign up" />
<label>
<input name="AGREE_TO_TERMS" type="checkbox" value="1" required=""> <a href="#" target="_blank">I agree to the terms & conditions</a>
</label>
This is the code uses in the demos and in the footer.
Thanks – Steve
Hi Steve, thank you but with this code I can’t obtain the same in line form (textbox and button joined in the same line) like the footer in the demo. Can you explain me please? Thank you very much.
Try adding the classic Mailchimp widget rather than the block.
Thanks – Steve
Hi Steve,
Thank you for your reply, it’s very helpful. I’m actually interested in buying both themes. I do have a final question – when I buy the theme, do I get the license to install it on one domain, or can I use the theme on multiple domains?
Thank you, Adi
For the carrino and ruki theme, is there a way to disable the hamburger menu and just leave the one menu that’s in the center? I’m just speaking of this when you are visiting the web site on a computer
http://www.3forty.media/carrino/?header_layout=defaultYou see above demo has the hamburger menu on the left hand side and still the menu in the center – between the logos. Is there a way just to leave to one menu on top of the page?
Thanks, Adi
Yes of course, simply disable the toggle menu (or any other icon) in theme settings
Appearance > Customize > Ruki/Carrino Theme Settings > Header Settings
Thanks – Steve
Hello,
I really like your Ruki theme, great job!
Is there a way to test drive the admin section of the theme for a few days before I make a purchase? I’m very much interested to see what the theme would look like using photos instead of vector graphics.
Thank you, Adi
Sorry that’s not possible but here are some links to websites running Ruki theme with different images and layouts: https://andrewscom.dk/ https://antonellagatto.it/ https://knowledgeablemind.com/ and there is also a the food demo http://www.3forty.media/ruki/food-demo/
I hope this helps?
Thanks – Steve
Hi is it possible to create a hero or featured posts layout like this – https://prnt.sc/vI0sb4j_2itp
Also does it support infinite scroll instead or page navigation?
Lastly does your theme support any caching and if so which is recommended.
Hi,
No, Ruki does not have a post layout like that. Check out my Mura theme if you need lots of post layout options.
Sorry, infinite scroll is not supported.
You can sue any cache plugin you like. I use WP Super Cache.
Thanks – Steve
hi,how can i delete the explore menu on the top left ?
Appearance > Customize > Ruki: Theme Settings > Header Settings: Show Toggle Menu on Desktop/Show Toggle menu on Mobile
Could you please let me know if there is a page on this theme where we can view all the posts of the website, similar to an infinity scroll or pagination format?
You can set your homepage as a page and use post blocks for post displays and set another page as your blog page with all your posts. You can then set as many posts per page and pagination as you like.
Thanks – Steve
Hello, I use Demo 1 to my site, but width scrolling is happen (I didn’t know how to name it). It’s happen when I open through Safari for iOS. You can see the video bellow:
https://drive.google.com/file/d/1ZYPFs8p8U7zsW325Zd87y4fAf73lvZP0/view?usp=drivesdkPlease fix it in the next update. Or you can temporarily fix it with some css code.
Thank you.
I’m struggling to replicate this.
Do you have the same issue on this post: http://www.3forty.media/ruki/reasonably-conviction-solicitude-me-mr-at-discretion-reasonable/ or this post: http://www.3forty.media/ruki/suspicion-do-departure-at-extremely-he-believing/
Thanks
Yes, it’s same. Can be swipe left or right. Don’t mind, not critical issue, just facing when using Safari for iOS. You can investigating later. Thank you for great theme.
1. Is it possible to create a user registration and user account? (If so, is it possible to implement user registration through Telegram and other social networks)
2. Can other users be the authors of the article and can they be rated? (If so, can a database of authors be created?)
3. What will the admin panel for authors look like?
4. Is it possible to get a demo version of the site through the WordPress panel?
Hi,
Thanks for your message.
1. No, but here may be a plugin that will do that.
2. As above.
3. That will depend on the plugin
4. No, that’s not possible.
Thanks – Steve
Is it possible to show how Archive Pagination Numbers on mobile?
Add this to your custom CSS;
@media (max-width: 680px) {
.nav-links .pages, .navigation.pagination a.page-numbers:not(.prev):not(.next), .navigation.pagination span.page-numbers:not(.prev):not(.next) {
display: flex;
}
}
Thanks – Steve
thank you!
Feature Request – Please add “Post views” feature for blog post.
There are already lots of plugins that do that. Here’s a good one: https://wordpress.org/support/plugin/post-views-counter/reviews/
Thanks – Steve
but how can i add view counter here – https://i.ibb.co/zfST54c/Screenshot-2023-06-03-at-11-08-08-PM.png Is there any hook or something for the theme?
There is no hook for that location but depending on what plugin you use the normal location for the post views output is before the content. You could then use CSS to move it where you want it.
I hope this helps?
Thanks – Steve
Please change the Youtube Logo to Newer one, Current YT logo is old – https://i.ibb.co/qdRsFqx/old-youtube-logo.png
Current YT Official Logo – https://www.flaticon.com/free-icon/youtube_3670147?term=youtube&page=1&position=1&origin=tag&related_id=3670147
Hi,
I’ll add that to the next update.
Thanks – Steve
I’m trying to use a custom mobile logo. But it is not changing on the mobile version. I have the newest version of the theme installed.
Oh I think I know what, it did not want to load the webp image, but it does load the jpeg. Can this be changed, so I can use a webp image?
Hi,
I’ve just released an update v1.3.7. This adds webp customizer image support as well as a few other minor updates. You can download the latest version from your TF downloads.
Thanks – Steve
Thank you! When I look in webpagetest, both logos are loaded in, mobile and desktop. Is this because Flyingpress cache is not making a different css file for the mobile version, but one for both?
Hi,
When you add a mobile logo both are loaded on the page but the mobile logo is only visible on mobile devices and the desktop logo is hidden on mobile devices.
I hope this helps?
Thanks – Steve
Hello, it’s been a long time since I bought your theme but I’ve only been using it for a few days. Here is my question: On the mobile version, how do I make the content of my article go to the edges of the white frame? Ideally, I would like only 5 pixels left on the sides so that my table is as wide as possible. Thanks in advance.
https://www.dropbox.com/s/1vd744d3bhw0dgh/ruki.PNG?dl=0If it’s just the table or specific elements you want full width you can select alignwide or alignfull in the block alignment tab.
Or add this to your custom CSS;
@media (max-width:540px) {
.the-post .single-post .entry-content:not(.custom-excerpt), .the-post .page .entry-content {
padding: 10px 5px 0;
}
}
Thanks – Steve
thank you very much, this is exactly what I needed !
Hi, I love the theme. There’s a bug on the single page post – the updated date shows whether the check box is ticked or not. Is there any way to get rid of this? Many thanks.
Another question, if that’s okay – I’ve put a couple of posts widgets in the static sidebar and have managed to customise the background colour and text on one of them, using custom css, but I can’t seem to change the colour of the author name?
The code I’ve used is as follows:
.widget-1 { background-color: #3E7895; }
.widget-1 h3 {color: #FFFFFF; }
.widget-1 .entry-title-link {color: #FFFFFF; }
I’ve just released an update that fixes the updated date bug, download from your TF downloads.
Can you share a link so I can see what your trying to change the colour of?
Thanks – Steve
Thanks for the update – that works fine now. I’ll message over a link.
Received and replied. In case you don’t receive it;
.widget-1.ruki_posts_widget .widget-entry .entry-meta a { color: #000000; }
Thanks – Steve
That’s great, really appreciate your help. Thank you!
I re-downloaded the latest version and upon upload I noticed that the height of the logo is now auto set to be the same as the length. For instance, if I have the site logo set as 200px wide (theme settings -> heading settings -> custom logo width desktop), it’s forcing the height to also be 200px.
This is only happening when viewing the website on desktop.
When viewing the code in dev view, I can see:
img.custom-logo.resize-on-sticky { width: 200px; aspect-ratio: auto 200 / 200; height: 200px;
I can stop the issue entirely by adding custom CSS to set:
height: auto;
however, the website seems to load as:
height: 200px;
and then a second or so later pops/loads the css for
height: auto;
Can this be fixed so it doesn’t do this anymore?
Also, as a side note, any chance on a future update you can include the GitHub fontello icon?
Hi,
I can’t replicate this issue, can you share a link so I can see the issue?
Also have you cleared browser cache as the update has CSS updates that relate to the logo.
Thanks – Steve
The “git” GitHub icon is included, do you want the Github cat?
Wow, you have a very fast response time. I have actually reverted to 1.3.2 right now. I’ll reupload 1.3.6 and send a link, but can’t right now as I’m away from the computer. Yes, I had cleared cache and don’t use a CDN so am quite certain it wasn’t a caching issue. Not sure if it helps, but my logo is an SVG, this works fine on 1.3.2.
Yeah, if it’s not to much trouble to use github-circled please. I think it’s the most recognizable GitHub logo. No rush though
Oh btw, just to add more info I noticed during a test, If I change theme settings -> heading settings -> custom logo width desktop to say, 150px wide, it also changes the height to 150px, so they do seem to be linked.
I think I’ve found the issue. I’ll release a theme update with the fix tomorrow.
Thanks – Steve
Thank you. I got an email from ThemeForest saying the theme had been updated. I downloaded and uploaded, however it says the version is still 1.3.6.
The header logo issue seems to persist and not seeing github-circled. Any chance the upload was reversed or uploaded the wrong version?
You might need to clear browser cache, this update includes modified JS files and CSS files, both of which might be cached. If you still have no luck, send me a link to your site and I’ll check it for you.
There is no version update (it’s still 1.3.6)
I have not updated the social plugin yet (I’m working on that this afternoon). I’ll upload a plugin update later today with the new Github Icon.
Thanks – Steve
I’ve just released a social plugin update which replaces the git icon with the git-circled icon. Deactivate and delete Ruki Social Plugin then when prompted download and activate the new version (1.3.1)
Thank you. Yes, it was a caching issue. The Logo height issue I was experience is now resolved. Thank you for your fast action.
I’m still having issues with the GitHub logo though. I updated the plugin successfully, and I do see you added github-circled to the plugin. However, when I view the fontello folder (downloaded), I see the last update to those files are March 8. Viewing the fontello.css, I don’t see github, only git. I can’t actually view the font files, but those have a last update of March 8 as well.
I did try anyways via html editor in post to try (had to change < to . cause TF):
.i class=”icon-github-circle”. ./I. .i class=”icon-github”. ./I.
And both don’t produce anything.
You need to download the latest theme version too (updated 24th April). This has the updated fontello css
Thanks – Steve
Thank you. I downloaded 1.3.7 and it shows the fontello content being updated. Uploaded and tested and all working great. Thank you again!!