I am using the photography theme. I would like to replicate the masonry grid from the blog section in below URL to my home page, however I am unable to find any content in the blog page once I have imported the theme. Please help to find this style masonry setting for my home page.
As I can see you have the same layout on your Blog page, the only difference is that in one blog post we use vertical image (video: http://drops.laborator.co/byMZ5T) as a Featured Image.
Please share your Wordpress credentials here, because I need to login and make some CSS changes to be able to leave the same layout for your homepage too if I can.
To include your credentials click Insert Credentials button in editor toolbar. (See how) so your reply will be marked as private.
Thank you for this. I am still not able to see any section or code in the Blog page/Journal page when try to edit (Can't see the code for the masonry post, and also the heading "BLOG"). Can you please let me know how I can edit that masonry post in the blog page
I figured that the blog page settings are controlled from theme options. However I am still not able to change the title of the page that reads "BLOG" and the text that follows that reads "My everyday life can be found here Traveling around the world with my Canon EOS50."
I tried changing this from theme options --> Blog Settings --> Other settings : But still doesnt change.
Sorry I got too many questions. Add this to the previous 2.
The custom CSS that you had added for the theme default blog posts doesn't appear aligned in a mobile device - I am looking to replicate the exact same way the Blog/Journal section appears in a mobile device.
Would be great if you could respond to all the 3 open questions
The ticket is a bit mess for the moment so can you please write all your questions now so I will better understand your problems and try to assist you.
Apologies for the confusion. Let me summarise my questions as below
1) You had added a custom css code to enable the default blog post in my homepage (http://returntiket.com/) to look exactly like the one in the blog page (http://returntiket.com/blog/). While it appears similar in a desktop/laptop, however in a mobile device (cell phone) it looks a little messy, need your help to make it appear the same way the blog page appears in a mobile device.
2) I am unable to change the heading that appears in the blog page (http://returntiket.com/blog/) which reads "BLOG" in a large font size. I tired changing this from theme options --> Blog Settings --> Other settings : But still doesn't change. Please let me know how to change this
3) Where can I see the section/code for the blog post in my blog page (http://returntiket.com/blog/), in case i want to edit it.
3— All the style modifications to make the Photography demo more different than other demos are on the Custom CSS area, you can also modify your Blog on the Laborator > Theme Options > Blog Settings area.
Hi,
I am using the photography theme. I would like to replicate the masonry grid from the blog section in below URL to my home page, however I am unable to find any content in the blog page once I have imported the theme. Please help to find this style masonry setting for my home page.
https://demo.kaliumtheme.com/photography/blog/
Regards
Vignesh
{"wp":{"use":false,"adminUrl":"returntiket.com/wp-admin","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}
Hi Vignesh,
As I can see you have the same layout on your Blog page, the only difference is that in one blog post we use vertical image (video: http://drops.laborator.co/byMZ5T) as a Featured Image.
Please share your Wordpress credentials here, because I need to login and make some CSS changes to be able to leave the same layout for your homepage too if I can.
To include your credentials click Insert Credentials button in editor toolbar. (See how) so your reply will be marked as private.
Hi Vignesh,
First you must add theme default Blog Posts element http://drops.laborator.co/tr7dT7
Then I added this CSS code below to your Custom CSS area:
.wpb_wrapper .lab-blog-posts .blog-post-entry { border: none !important; } .wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title { text-align: center !important; line-height: normal !important; } .wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a { text-transform: none !important; text-transform: uppercase !important; font-size: 20px !important; } .wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-date { text-align: center; float: none !important; letter-spacing: 5px; color: #999; font-size: 11px; text-transform: uppercase; }To make the layout to look like on the Journal page.
Now if you want to hide Blog post excerpt too then please add this CSS code:
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-excerpt { display: none; }Have a nice day!
Hi Ylli,
Thank you for this. I am still not able to see any section or code in the Blog page/Journal page when try to edit (Can't see the code for the masonry post, and also the heading "BLOG"). Can you please let me know how I can edit that masonry post in the blog page
Regards
Vignesh
Hi Ylli,
I figured that the blog page settings are controlled from theme options. However I am still not able to change the title of the page that reads "BLOG" and the text that follows that reads "My everyday life can be found here
Traveling around the world with my Canon EOS50."
I tried changing this from theme options --> Blog Settings --> Other settings : But still doesnt change.
Regards
Vignesh
Hi Ylli,
Sorry I got too many questions. Add this to the previous 2.
The custom CSS that you had added for the theme default blog posts doesn't appear aligned in a mobile device - I am looking to replicate the exact same way the Blog/Journal section appears in a mobile device.
Would be great if you could respond to all the 3 open questions
Regards
Vignesh
Hi Vignesh,
The ticket is a bit mess for the moment so can you please write all your questions now so I will better understand your problems and try to assist you.
Thanks for your understanding
Hi Ylli,
Apologies for the confusion. Let me summarise my questions as below
1) You had added a custom css code to enable the default blog post in my homepage (http://returntiket.com/) to look exactly like the one in the blog page (http://returntiket.com/blog/). While it appears similar in a desktop/laptop, however in a mobile device (cell phone) it looks a little messy, need your help to make it appear the same way the blog page appears in a mobile device.
2) I am unable to change the heading that appears in the blog page (http://returntiket.com/blog/) which reads "BLOG" in a large font size. I tired changing this from theme options --> Blog Settings --> Other settings : But still doesn't change. Please let me know how to change this
3) Where can I see the section/code for the blog post in my blog page (http://returntiket.com/blog/), in case i want to edit it.
Hope my questions are clearer now :)
Regards
Vignesh
Hi Vignesh,
Thanks for writing your questions and simplifying them.
1— Can you please add the code below to your Custom CSS area:
@media screen and (max-width: 768px) { .wpb_wrapper .lab-blog-posts .blog-post-column { margin-bottom: 30px; width: 100% !important; } }2— That area takes the title from the title of the page. Please see this video http://drops.laborator.co/zqxxmp3— All the style modifications to make the Photography demo more different than other demos are on the Custom CSS area, you can also modify your Blog on the Laborator > Theme Options > Blog Settings area.
You can find more info on our Kalium documentation area.
Will set this ticket as solved from here.
Thank you Ylli,
It works!!
Regards
Vignesh
You're welcome Vignesh
P.S: If you like our theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.
A huge thank you from Laborator in advance and have a great day!