may I ask, is there any feature that could add a specific related post box to the content of another post?
You know if you have a post, but to the middle of that post for example you would want to add a box or something with a "related post" that you would could choose.
Thank you, but is it possible to make it a bit bigger? It looks more like a list and is very small even on mobile. The imege is so small for example, that you cant see very well whats on it.
thats strange, I actually do have it set like that (Show thumbnail on the right side?: "No".) and it doesnt show the title above the image, it shows it on the right side.
thumb_right="no"
What I would actually like to achieve is something like on the screenshot attached, where the title would be either above or under the image, that way the image could even be bigger.
thank you, that actually worked great, but once the images were bigger, you could see that their quality was horrible when resized, so sadly this cant be used because of it, but the layout looked great.
may I ask, is it possible to somehow fix the text being very close to the border when resizing? I tried to do it with this code below, but seems it didnt help.
Hello,
may I ask, is there any feature that could add a specific related post box to the content of another post?
You know if you have a post, but to the middle of that post for example you would want to add a box or something with a "related post" that you would could choose.
thank you
Hi,
You can insert the custom-related post box via the Soledad shortcode like the screenshot below:
Regards,
PenciDesign.
Thank you, but is it possible to make it a bit bigger? It looks more like a list and is very small even on mobile. The imege is so small for example, that you cant see very well whats on it.
Attached files: related.png
Hi,
Please send me the URL that you've inserted this shortcode.
Regards,
PenciDesign.
Sure, its this one:
https://www.lenivakucharka.sk/stavnaty-hovadzi-steak/
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
@media only screen and (max-width: 767px) {.pcilrp-flex .pcilrp-thumb {
flex: 0 0 150px;
}
.pcilrp-flex .pcilrp-body {
flex: 0 0 calc(100% - 170px);
}
.pcilrp-item-grid .pcilrp-title {
font-size: 16px;
}
}
Regards,
PenciDesign.
Hi,
I added it, but nothing seems to have changed.
Hi,
The code I've sent applies to mobile devices only. Please clear all the browser cache and check again.
Regards,
PenciDesign.
Hi,
seems to work, and this can only be applied on mobile?
Hi,
If you want to apply to the desktop, please modify the CSS code like the following below:
.pcilrp-flex .pcilrp-thumb {flex: 0 0 150px;
}
.pcilrp-flex .pcilrp-body {
flex: 0 0 calc(100% - 170px);
}
.pcilrp-item-grid .pcilrp-title {
font-size: 16px;
}
Regards,
PenciDesign.
worked great, thank you
May I ask, this already looks much better, but isnt there a possibility to have the post title rather above the image then on the right/left side?
Hi,
You can customize it on the shortcode builder option popup like the screenshot below:
Show thumbnail on the right side?: select "No".
Regards,
PenciDesign.
thats strange, I actually do have it set like that (Show thumbnail on the right side?: "No".) and it doesnt show the title above the image, it shows it on the right side.
What I would actually like to achieve is something like on the screenshot attached, where the title would be either above or under the image, that way the image could even be bigger.
Attached files: rel.png
Hi,
Please send me your WordPress admin account.
I'll log in and try to help you config it.
Regards,
PenciDesign.
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
.pcilrt-grid .pcilrp-flex {display: block;
} .pcilrt-grid .pcilrp-flex .pcilrp-thumb {
margin-bottom: 15px;
}
Regards,
PenciDesign.
thank you, that actually worked great, but once the images were bigger, you could see that their quality was horrible when resized, so sadly this cant be used because of it, but the layout looked great.
may I ask, is it possible to somehow fix the text being very close to the border when resizing? I tried to do it with this code below, but seems it didnt help.
https://www.lenivakucharka.sk/stavnaty-hovadzi-steak/
.penci-ilrelated-posts .pcilrp-item-grid .pcilrp-title a {font-size: 16px;
padding-right: 10px;
}
Attached files: padding (2).png
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
@media only screen and (min-width: 768px) and (max-width: 1170px) {.pcilrt-grid.pcilrt-col-2 .pcilrp-item-grid {
flex: 0 0 100%;
margin-bottom: 30px !important;
}
.pcilrt-grid.pcilrt-col-2 .pcilrp-item-grid:last-child {
margin-bottom: 0 !important;
}
}
Regards,
PenciDesign.
thank you, it worked