Investa Template - Simple Portfolio Center Text & Image In Module
Claire Haas
Hi,
I am trying to center the Image and Text in the Simple Portfolio Module, without any success. I found another forum question that said to use:
.sp-simpleportfolio .sp-simpleportfolio-img { margin: 0 auto; }
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 > a { text-align:center!important; }
I am also trying to get rid of the meta data on the item page and have the text full width. I have tried this suggested css:
.sp-simpleportfolio .sp-simpleportfolio-meta {display:none;}
.sp-simpleportfolio .sp-simpleportfolio-description { width: 100%; float: none;}
But none of this works for me using Investa Template.
I would also like to remove the background colours and change the text colour.
Please can you tell me the css that I need to use?
Kind regards Claire :-)
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Are you talking about this portion? Could you please give me a screenshot of it?
-Regards.
Claire Haas
Accepted AnswerHi,
Yes styling that in your screenshot (I have had to create wider images to make them look centred).
Plus, when you click through to an item, remove the meta info and have the text full width.
Kind regards Claire :-)
Claire Haas
Accepted AnswerHi,
The images - I have already made them the same size (except for the one that my client has now uploaded!). I had to make them bigger to make them appear centred. I couldn't just use the circular images, I had to put space on the left and right of the circles in the images to gve the impression of them being centred. Without the spacing in the images they just align to the left. I have made one them just circular again and made a screenshot so that you can see what I mean.
I have added a screenshot in the Hidden Content area for the item meta info - perhaps I should have said 'Date & Tags'.
Kind regards Claire :-)
Mehtaz Afsana Borsha
Accepted AnswerFor image issue could you please create a new forum post about it?
For color issues please use this custom css in your custom.css file
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info{
background-color:#439bc7 !important;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3>a{
color:#fff !important;
}
.role{
color:#fff !important;
}
.sp-simpleportfolio-info p{
color:#fff !important;
}