Dear Enrico,
Apologies for the delayed reply.
Regarding your issues:
1. Center the projects in the page. Now are left alignment.
2. Show the project in two column. Now are in 4 column
Solution:
Login to your WordPress back-end, and paste the following CSS in Portfolio Manager > Advanced Tab > Custom CSS Box and Save.
.isotope-item{
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
border-radius: 6px;
}
.eds-bpm-view,
.eds-bpm-view img,
.isotope-item,
.eds-bpm-view .eds-bpm-mask,
.eds-bpm-view .eds-bpm-content{
width: 404px !important;
height: 316px !important;
overflow: hidden;
}
.mosaic-view-one .eds-bpm-view .eds-bpm-view-heading{
margin: 60px 0 0 0;
font-size: 18px;
padding: 16px;
}
.mosaic-view-one .eds-bpm-view .eds-bpm-view-para,
.mosaic-view-one .eds-bpm-view-first a.eds-bpm-info {
margin-top: 20px;
font-size: 16px;
}
.mosaic-view-one .eds-bpm-view-first a.eds-bpm-info{
padding: 14px 50px;
}
.wpb_wrapper > .eds-bpm-main{
max-width: 892px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 1199px) {
.wpb_wrapper > .eds-bpm-main{
max-width: 892px !important;
}
}
@media only screen and (max-width: 991px) {
.wpb_wrapper > .eds-bpm-main{
max-width: 726px !important;
}
.eds-bpm-view,
.eds-bpm-view img,
.isotope-item,
.eds-bpm-view .eds-bpm-mask,
.eds-bpm-view .eds-bpm-content{
width: 320px !important;
height: 250px !important;
}
.mosaic-view-one .eds-bpm-view .eds-bpm-view-heading{
margin: 40px 0 0 0;
}
.mosaic-view-one .eds-bpm-view .eds-bpm-view-para, .mosaic-view-one .eds-bpm-view-first a.eds-bpm-info{
margin-top: 10px;
}
}
@media only screen and (max-width: 820px) {
.wpb_wrapper > .eds-bpm-main{
max-width: 680px !important;
}
.eds-bpm-view,
.eds-bpm-view img,
.isotope-item,
.eds-bpm-view .eds-bpm-mask,
.eds-bpm-view .eds-bpm-content{
width: 300px !important;
height: 235px !important;
}
.mosaic-view-one .eds-bpm-view .eds-bpm-view-heading{
margin: 40px 0 0 0;
}
.mosaic-view-one .eds-bpm-view .eds-bpm-view-para, .mosaic-view-one .eds-bpm-view-first a.eds-bpm-info{
margin-top: 10px;
}
}
@media only screen and (max-width: 767px) {
.wpb_wrapper > .eds-bpm-main{
max-width: 330px !important;
}
.eds-bpm-view,
.eds-bpm-view img,
.isotope-item,
.eds-bpm-view .eds-bpm-mask,
.eds-bpm-view .eds-bpm-content{
width: 290px !important;
height: 227px !important;
}
.mosaic-view-one .eds-bpm-view .eds-bpm-view-heading{
margin: 30px 0 0 0;
}
}
3. Show only 4 project. Not all.
You can do this by placing any 4 projects in a new category. And then show only the projects from that particular category.
In the short-code, just select Single Category, or Multiple categories, and select the one category in which your have the 4 projects
Please refer to this screenshot:
www.downloads.eleopard.in/images//portfo...9-modify-options.jpg
Let me know if this fulfills all your requirements, or you have any questions.
