Play School Teachers Page

[Chris]

In the demo there is a page that has pictures with a synopsis of the bio of all staff on one page. I can not find that functionality in the the theme. I did find some instructions in the documentation but that seems to be related to an earlier version of the theme. Thanks!

[Chris]

Ignore my last post… I figured that out… BUT.. now I am having an issue with the text being offset from the pictures…. as if the images are too big. Can someone please point me in the right direction?

http://marylcollinscommunitycenter.org/our-staff/

[Sonnal S Sinha]

Hi Chris,

Kindly go to Appearance>>Customize>>Basic>>Custom CSS Box

Add this code there:

.cols2 .team-thumb{margin-bottom: 15px;}
.cols2 .team-infobox{float: none; padding: 0; width: 225px;}

Regards,
Dave

[Chris]

Hi Dave. Thanks… that improved it by putting the text beneath the images… is is possible to put the text next to the image as depicted in the documentation? Thanks!

http://marylcollinscommunitycenter.org/our-staff/

Chris

[Sonnal S Sinha]

Hi Chris,

Replace this CSS code with previous code:

.cols2 .team-thumb {width: 150px;}
.cols2 .team-infobox {width: 51%;}

Regards,
Dave

[Chris]

Dave, Thanks for your latest, but I am still having issues. I suspect that I have not been clear and complete in my description of the problem. Starting over…

I was unable to find the functionality that placed staff (teachers) thumbnails with text excerpts on the same page… as was depicted in the documentation.

My first thought was to truncate the individual teacher URL from: ht tp://marylcollinscommunitycenter.org/staff/cassandra-glover/ to ht tp://marylcollinscommunitycenter.org/staff/ by removing the staff member’s name.

That placed the thumbnails and excerpts on one page but stacked them one on top of the other.

My next attempt was to take the shortcode that I found in the documentation ” [ourteachers col=”2″ show=”2″ excerptlength=”25″] “…

That placed both thumbnails on a single row but the excerpt is placed below and to the right of the picture as if there is not enough room for both n the same line. ht tp://marylcollinscommunitycenter.org/our-staff/

I have tried both your suggestions for mods to custom css but it does not help.

Hopefully all this makes sense and I have provided you with some previously lost bit of info.

Thanks!
Chris

[Sonnal S Sinha]

Hi Chris,

Issue resolved. Kindly check and confirm.

Regards,
Dave

[Chris]

Dave, THANKS!!!!! You folks go above and beyond!! I will do my best to not be so needy in the future!

Cheers,
Chris

[Chris]

LOL… one last question. Is there a way to change the order in which the thumbnails are presented?

[Sonnal S Sinha]

Hi Chris,

Kindly use Intuitive Custom Post Order Plugin for ordering the team section.

Go to Setting>Intuitive CPO>All Check (checkbox). and Update

Regards,
Dave

[Mykola Buriak]

Good day!
Unfortunately I have the same problem as Chris.
So I kindly ask you to help me (putting custom CSS doesn’t help)
https://www.ukrcentrum.cz/%D0%BF%D1%80%D0%BE-%D1%86%D0%B5%D0%BD%D1%82%D1%80/%D0%B2%D1%87%D0%B8%D1%82%D0%B5%D0%BB%D1%96/

REF.:
>>>
My next attempt was to take the shortcode that I found in the documentation ” [ourteachers col=”2″ show=”2″ excerptlength=”25″] “…

That placed both thumbnails on a single row but the excerpt is placed below and to the right of the picture as if there is not enough room for both n the same line. ht tp://marylcollinscommunitycenter.org/our-staff/

I have tried both your suggestions for mods to custom css but it does not help.

[Sonnal S Sinha]

Hi Mykola Buriak,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.cols1 .team-infobox { width:68% !important;}
.cols1 .team-thumb { overflow:hidden !important;}

Regards,
Dave

[Mykola Buriak]

Hi Dave!
Thanks a lot. Provided solution solved the issue.

[Sonnal S Sinha]

Hi Mykola,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/24/

Regards,
Dave

[Author]

Posts