Try Wordpress Hosting Free for 30 Days | Cloudaccess.net Try Joomla! Hosting Free for 30 Days | Cloudaccess.net

Welcome, Guest
Username: Password: Remember me

TOPIC: Center Portfolio Mosaic

Center Portfolio Mosaic 2 years 7 months ago #745

Hello! Just wanted to start off by saying how much I like your portfolio plugin. It works very well and I'm very happy with its functionality.

However, I was wondering how I can center the portfolio mosaic on the page. I've tried many CSS tricks but just can't seem to get the projects to be centered -- they always float left and leave empty space on the right side. Is there a simple CSS solution I can implement to get the mosaic either centered on the page or to get the mosaic to fit the full width of the div? (For reference, I'm working with the plugin on allisonbeer.com).

Thank you in advance for your help.
The administrator has disabled public write access.

Center Portfolio Mosaic 2 years 7 months ago #746

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 371
  • Thank you received: 51
  • Karma: 18
Dear Allison,

Thanks for using the Portfolio Manager. Each theme has different page widths, so the following solution is specifically for your case.

The centering of the mosaic can be done by adjusting the width of the main portfolio wrapper DIV, .eds-bpm-main and making it same width as the portfolio elements inside it. e.g. for full-screen size we make the .eds-bpm-main 's width equal to 5 portfolio items, for smaller screens, 3 items, 2 items and so on.

Following CSS should work in your case. Please paste it in Portfolio Manager > Settings > Advanced Tab > Custom CSS Textbox

.eds-bpm-main {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (min-width: 1070px) and (max-width: 1269px) {
	.eds-bpm-main {
		max-width: 920px;
	}
}
@media only screen and (min-width: 960px) and (max-width: 1069px) {
	.eds-bpm-main {
		max-width: 690px;
	}
}
@media only screen and (min-width: 530px) and (max-width: 959px) {
	.eds-bpm-main {
		max-width: 460px;
	}
}
@media only screen and (max-width: 529px) {
	.eds-bpm-main {
		max-width: 230px;
	}
}

Please let me know if this works.
The administrator has disabled public write access.
The following user(s) said Thank You: Allison Beer

Center Portfolio Mosaic 2 years 7 months ago #747

Yes, that worked perfectly! Thanks so much for giving me a customized response!
The administrator has disabled public write access.

Center Portfolio Mosaic 2 years 7 months ago #748

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 371
  • Thank you received: 51
  • Karma: 18
Dear Allison,
Glad to know it worked.

If you've fine the Plugin helpful, please take a few minutes to write some good words:
https://wordpress.org/plugins/portfolio-manager-powered-by-behance

Have a nice day! :)
The administrator has disabled public write access.
Time to create page: 0.032 seconds

Need Customization? Feel free to...

Contact Us

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