Welcome, Guest

TOPIC: Center Portfolio Mosaic

Center Portfolio Mosaic 7 years 2 months ago #745

Allison Beer
Offline
New Member
Posts: 2
Karma: -5

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 7 years 2 months ago #746

eLEOPARD
Offline
Administrator
Posts: 409
Thank you received: 54
Karma: -28

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 7 years 2 months ago #747

Allison Beer Offline New Member Posts: 2 Karma: -5	Yes, that worked perfectly! Thanks so much for giving me a customized response!
	The administrator has disabled public write access.

Center Portfolio Mosaic 7 years 2 months ago #748

eLEOPARD Offline Administrator Posts: 409 Thank you received: 54 Karma: -28	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.