Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: Customization css

Customization css 1 year 6 months ago #1634

  • enrico
  • enrico's Avatar
  • Offline
  • New Member
  • Posts: 5
  • Karma: -1
Hi, I need some custom css for the plugin:

I would like:

1. Center the projects in the page. Now are left alignement.
2. Show the project in two column. Now are in 4 column
3. Show only 4 project. Not all.

I wait a reply
thanks
The administrator has disabled public write access.

Customization css 1 year 6 months ago #1635

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 407
  • Thank you received: 54
  • Karma: -29
Dear Enrico,

Thanks for using the Portfolio manager.

Please send me the link to you website.
I would provide you custom CSS to take care of the centering issue, and the other things as well.
The administrator has disabled public write access.

Customization css 1 year 6 months ago #1636

  • enrico
  • enrico's Avatar
  • Offline
  • New Member
  • Posts: 5
  • Karma: -1
The administrator has disabled public write access.

Customization css 1 year 6 months ago #1637

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 407
  • Thank you received: 54
  • Karma: -29
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.
The administrator has disabled public write access.

Customization css 1 year 6 months ago #1638

  • enrico
  • enrico's Avatar
  • Offline
  • New Member
  • Posts: 5
  • Karma: -1
Many thanks.

Can I have the same code, with centered project, but with 3 and 4 column?

thanks a lot
The administrator has disabled public write access.

Customization css 1 year 6 months ago #1639

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 407
  • Thank you received: 54
  • Karma: -29
Hi Enrico,

i am a bit busy with the work right now.
Will work on the 3 and 4 columns on Monday.
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Time to create page: 0.157 seconds

Need Customization? Feel free to...

Contact Us

If you like these extensions, help us buy Yoga Mats :)