- This topic has 16 replies, 2 voices, and was last updated 3 months, 3 weeks ago by
.
-
Posts
-
I seem to have some issues in general with the gallery blog type. It looks kinda wierd with the bold borders. https://ibb.co/k6sd3GQ and https://ibb.co/DKQXV51
Also the Paid Membership Pro is not showing up with great CSS/style on the blog when there are restrictions on the posts.
There is extra fields depending if a user is logged in or not (or have access). https://ibb.co/2ch6mRG and https://ibb.co/qJ2pfDJ and https://ibb.co/sRrxzrm
Hi Katrine,
Please allow us some time to investigate. 🙂
Best,
Thank you for your patience. To change this, simply add the following code snippet to your website:
/*FIX : Fix Layout of Thumbnail for Gallery Post Format in archives*/ #site .post.format-gallery .card .post-media{ background-color:inherit; } #site .post.format-gallery .card .post-media > *:not(.wp-block-gallery){ display:none !important; } #site .post.format-gallery .card .post-media > .wp-block-gallery{ width:100%; display:grid !important; grid-template-columns:1fr 1fr; grid-gap:0.5rem; margin:0.5rem; max-height: calc(100% - 1rem); grid-auto-rows:1fr; } .post.format-gallery .card .post-media > .wp-block-gallery .wp-block-image{ width:100% !important; border-radius:calc( var(--grimlock-archive-post-border-radius) / 2); overflow:hidden; } /*FIX : Style Paid Memberships Pro messages on Archives */ .post.pmpro-level-required .card .post-media{ background-color:inherit; } .post.pmpro-level-required .card .post-media .pmpro_content_message{ display:none; } .post.pmpro-level-required .card .post-media{ position:relative; height:10rem !important; } .post.pmpro-level-required .card .post-media:has(.pmpro_content_message)::before{ font-family: var(--grimlock-icon-post-format-image-font-family) !important; content: var(--grimlock-icon-post-format-image); font-weight: 100; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size:3rem; height:100%; width:100%; background-color:var(--grimlock-table-border-color); display:flex; align-items:center; justify-content:center; position:absolute; top:0px; left:0px; color:var(--grimlock-archive-post-link-color); } #site .post.pmpro-level-required.format-link .pmpro_content_message{ color:var(--grimlock-button-primary-color) !important; } #site .post.pmpro-level-required .pmpro_content_message a { display:block; background-color:var(--grimlock-button-primary-color); color:var(--grimlock-button-primary-background-color) !important; margin:1rem 0px 0px 0px; font-size:0.9rem; padding:0.5rem; border:0px; box-shadow:var(--grimlock-archive-post-box-shadow-x-offset) var(--grimlock-archive-post-box-shadow-y-offset) var(--grimlock-archive-post-box-shadow-blur-radius) var(--grimlock-archive-post-box-shadow-spread-radius) var(--grimlock-archive-post-box-shadow-color); } #site .post.pmpro-level-required .pmpro_content_message a:hover{ color:var(--grimlock-button-primary-color) !important; background-color:var(--grimlock-button-primary-background-color); }To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
Pasting your code snippet there should do the trick for you.Also, it’s important to remember that we share snippet only to solve issues with our theme. Any further request for CSS snippets will have to be part of a defect that needs to be fixed urgently. No snippets will be shared otherwise.
If you want to go further with the customization of your website, we advise that you require customization work.
Regards,
Thanks Katrine. Note that when using Gallery post format, I suggest you to add more that on photo. Then, it should be ok. I add a line in the snippet and updated it in my reply. Please replace the one you just added by the one in my previous reply. 🙂
💡 Note : In the snippet I gave you, there is this line :
grid-template-columns:1fr 1fr;I invite you to add or remove a1frto add or remove a column if needed.Hope this will help you.
Hello
I did set a featured image since I wanted an image in the header (like the other posts).
I did add a gallery to the post with 3 images, but only 2 is showing up within the grid view (like the image I sent you)It’s like it dosen’t realize that there is more than 1 image in the post?
I also tried adding some text and another image to see what would happen, and nothing – it’s the same. 🙂
I also tried with your CSS snippet that you edited, but now it just shows an white background where the second image would be (and still not the image itself).
Ok, I found the issue. However, in this specific case, it will only take the 3 first images because they are in the same gallery.
You still will have a blank space because there are only 3 images in the gallery. You can add a column as explained in my previous reply or add a fourth image in the first gallery.
Hope this will help you.
Best,
Note that I updated the snippet. 🙂
Never mind! – I’m stupid! .. lol
I thought you ment you updated the snippet on the site that I’ve got going and not in your comment! ..
I just added your updated CSS and now it works – but still only when logged in.. If I’m not logged in the grey one from previous message is still the one I’m seeing. 🙂
I get this one when logged out: https://ibb.co/pxvBL8g
Also the Quote one looks funny when logged out due to placement of PMP buttons. 😀
But from what I can tell then the other ones should be fine. 🙂
Hi Katrine,
You can’t see the images because they are located in the content of the article, which is private for member with specific role. For this reason, the images are not displayed. In case you would like to display an image, I suggest you to select the standard Article Type, so only the thumbnail will be used and displayed, even if a member doesn’t have the right Premium role. 🙂
Concerning the Quote, what would you like to get as a result ? This is standard behaviour with PMPro. Our theme only changes the colors to make the button fit to the general appearance.
Hope this will help you!
Makes sense with the gallery and the content for private view ony. 🙂
For the quite I meant the “quote icons” showing up on the buttons.. Minor detail, but looks kinda misplaced 🙂
Hi Kartrine,
Ok, I understand. This is standard design with our theme PMPro, I’m afraid. As this is not breaking the page, changing this is considered customization work. Unfortunately, this is a service that we do not provide.
We only share snippet only to solve issues with our theme. Any further request for CSS snippets will have to be part of a defect that needs to be fixed urgently. No snippets will be shared otherwise.
If you want to go further with the customization of your website, we advise that you hire a developer to do it for you.
We got an amazing discount for our users with our partner Zipline, which can handle installation, customization, and mobile apps with your theme :
Disclaimer : This is an affiliated link to our partner Zipline, by using this link you will get an amazing discount!
Thank you for your understanding.
No worries, all good – thank you anyways though! 🙂
You’re welcome 🙂
If you have further questions or requests, feel free to create other forum topics.
Cheers,
You must be logged in to reply to this topic.
