Plugin Author
Steven
(@shazahm1hotmailcom)
Can you share a link to your directory page so I can take a look?
Which template are you using?
https://trinityboyertown.org/photo-directory/
The site is password protected….if I give you the credentials will it be visible to the entire blog?
Thanks,
Matt
Plugin Author
Steven
(@shazahm1hotmailcom)
Sorry yes, if you were to share that in this support forum, it would be visible to everyone and, as such, would be against the wp.org support forum rules.
I did follow the link, and from what I can tell, It appears you are using the Profile template. If that is the case, please do the following.
- Navigate to the Connections templates admin page.
- Click the Customize button for the Profile tempalte.
- The page will refresh displaying a preview on the right and the Customizer on the left.
- Click the back arrow in the upper left of the Customizer.
- Click the Image panel.
- Select the “Resize proportionally adjusting the size of scaled image so there are no margins added.” option under Crop Mode.
- Publish and exist the Customizer.
I hope this helps! Please let me know.
Plugin Author
Steven
(@shazahm1hotmailcom)
Sorry, I forgot to add that you should also set the image height and width so the setting will apply the crop mode correctly.
Sorry to bother you again….we are using the Default Entry Card 3.0….I tried what you suggested, but to the right of the pictures is a large white area still….Is there a way to send you a screenshot JPG of how it looks? or my credentials?? Sorry to take up so much of your time.. in order for the picture to fill up the field area with no margins the dimensions would have to be super wide but not very high. Like 600 pixels x 50 pixels (might be an exaggeration but generally speaking the field box is very wide.
Help!
Matt
Plugin Author
Steven
(@shazahm1hotmailcom)
Here are a few ways you can share that screenshot with me:
Upload the screen shot to a third party service like Snag.gy, Droplr or CloudApp or LightShot and then reply with a link to the screenshot.
OK I have uploaded screenshot to cloudapp… here is my example of the large white field area I am trying to minimize…
https://share.getcloudapp.com/wbuYBXlW
Plugin Author
Steven
(@shazahm1hotmailcom)
Please add the following to the Custom CSS section found in the theme Customizer:
#cn-profile .cn-entry {
background-color: transparent !important;
}
I hope this helps!
Hi Steven- thank you for the CSS code to hopefully reduce the size of the big white area on our directory. I pasted the code like you suggested the theme customizer, but it didn’t change anything? Am I missing something or did I paste the code in the wrong spot? Here is a screenshot of what I did…
https://share.getcloudapp.com/Qwu4XzZO
Thank you,
Matt
Plugin Author
Steven
(@shazahm1hotmailcom)
If you are using page caching either via a web host provided service or a plugin, please try clearing it.
Can you please share a screenshot showing the shortcode used on the page and a screenshot of the Connections Templates admin page?
Plugin Author
Steven
(@shazahm1hotmailcom)
Ok, the CSS will not work as the Default Entry Card template is being used; for some reason, I thought you said you were using the Profile template. Apologies! here’s the correct CSS:
#cn-card .cn-entry {
background-color: transparent !important;
}
We are so close now! It worked and made the background transparent!! My text is Black now on top of a black background….is there a way to make the text WHITE instead? That way the names can be read? Is there a text color setting, or does that need CSS code too for the default entry card template?
Many many thanks!!!!!
Matt
Plugin Author
Steven
(@shazahm1hotmailcom)
Sure, try this:
#cn-card .cn-entry {
background-color: transparent !important;
color: #000 !important;
}
#cn-card .cn-entry :is( a, h1, h2, h3, h4, h5, h6 ) {
color: #000 !important;
}
