How do I get the exert to extend to the right withough making the image huge?

Q&ACategory: QuestionsHow do I get the exert to extend to the right withough making the image huge?
misatokonestu12 asked 6 months ago

I’m trying to make it so that the thumbnail is on the left side and the full bio exert is to the right but it keeps squishing the exert and making it go downwards. Is there a way to make the exert stay to the left  instead of having to increase the grid max width? that just makes the featured image way too big.

2 Answers
Hasan Staff answered 6 months ago

Welcome to our forum,
 
Can you please check our demo you are looking this style team grid
http://paratheme.com/demo/team/?demo=team-thumbnail-on-left
 
you need to set following settings
 
Themes. > Thumbnail on Left
Grid item max Width(px). > For Desktop: > 90%
 
Please see the screenshot.

View post on imgur.com

View post on imgur.com


 
Let me know for more help.
 
Regards

misatokonestu12 replied 6 months ago

I did that and this happened. http://imgur.com/WzpQ2ac can I not get the text to go farther right so its not scrunched up?

Hasan Staff replied 6 months ago

this might be container issue, you can add custom CSS to fix it, Can you please send me your link ? Regards

misatokonestu12 replied 6 months ago

http://www.prorivertech.com/meet-the-team/ Here is the link to the page im currently working on with the team

misatokonestu12 replied 6 months ago

http://www.prorivertech.com/meet-the-team/ Here is the link to the page im currently working on with the team

Hasan Staff replied 6 months ago

Thanks for your reply, you can add follwing CSS to fix the issue , please see the screenshot how its look http://i.imgur.com/Xfv488Y.png

.team-thumb-left .team-item .side-two {
width: 45% !important;
}

Regards

misatokonestu12 replied 6 months ago

thank you for your help but im trying to get it to look like this http://imgur.com/697pMoQ

Hasan Staff replied 6 months ago

Can you please send me admin access on your site ? Regards

Hasan Staff replied 6 months ago

After customizing CSS i get this look http://i.imgur.com/6X9ZHgV.png its seem you bio text is overflow the image size ratio, , if you send me admin access then i can add these css to there. Regards

Hasan Staff answered 6 months ago
Please add following CSS 

.team-thumb-left .team-item {
  width: 100% !important;
}

.team-container #team-2391 {
  width: 100% !important;
}


.team-thumb-left .team-item .side-one {
  float: left;
  width: 15% !important;
}

.team-thumb-left .team-item .side-two {
  width: 83% !important;
}

.team-thumb-left .team-title {
  padding: 0 10px;
}

.team-thumb-left .team-position {
  padding: 0 10px;
}

.team-thumb-left .team-content {
  padding: 0 10px;
}




 
 
 
 

misatokonestu12 replied 6 months ago

You are awesome!!!! That worked! Thank You so freaking Much

Hasan Staff replied 6 months ago

Great to know that works, if you have little time please submit us five star at wordpress.org plugin page http://wordpress.org/support/view/plugin-reviews/team

let me know for more help,

Regards