I have to submit another question. When simulating the website onto an iPad the masonry-blog-items look very stretched (see attachment).
Could you show me the custom css to
reduce the size of the meta-category so they fit into one line,
change the .post-header from h3 to h4 in the blog-post-content class,
and change the size of the preview-text?
If it's possible of course. Thanks a lot for your great support, it was an interesting journey but a pleasure creating my first website with your theme :)
as your solution affects other parts of the website I would prefer a way of adjusting which just affects the blog-item. Further than that it is not possible to change the paragraph-text in the typography settings. Is it possible to fix my issues with custom css?
Just increased the post width so more complex css is not needed .
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (min-width: 1000px) {
.masonry-blog-item {
width: 48.3% !important;
}
}
Hey guys,
I have to submit another question. When simulating the website onto an iPad the masonry-blog-items look very stretched (see attachment).
Could you show me the custom css to
If it's possible of course. Thanks a lot for your great support, it was an interesting journey but a pleasure creating my first website with your theme :)
Thanks again!
Niko
Hey Again,
Try using the New Responsive Typography Settings in here : http://prntscr.com/gnf951 .
Best.
ThemeNectar Support Team
Hi Tahir,
as your solution affects other parts of the website I would prefer a way of adjusting which just affects the blog-item. Further than that it is not possible to change the paragraph-text in the typography settings. Is it possible to fix my issues with custom css?
Thanks
Niko
Hey there,
Thanks for reaching in,
Please send a link to your website so we can have look,
Regards
Hey Again,
Just increased the post width so more complex css is not needed .
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (min-width: 1000px) { .masonry-blog-item { width: 48.3% !important; } }Thanks
ThemeNectar Support Team
Even better – thanks again, Tahir. I appreciate it.
Have a nice weekend.
Niko