wpengine

wpengine

Welcome, Guest
Username: Password: Remember me
Forgot your password? Forgot your username? Create an account
Forum
Portfolio Manager
Questions
Change portfolio layout
  • Page:
  • 1
  • 2

TOPIC: Change portfolio layout

Change portfolio layout 9 years 8 months ago #109

  • Ruskin
  • Ruskin's Avatar
  • Offline
  • New Member
  • Posts: 1
  • Karma: 0
Hi
I want to center the portfolio in relation to the category buttons. It would also be good if I could increase the image size. Any suggestions on how to go about that would be really appreciated. What I have so far is dynamicdesign.co.za/index.php/portfolio-b
The administrator has disabled public write access.

Change portfolio layout 9 years 8 months ago #110

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Dear Ruskin,

You can set the spacing in between the portfolio items from the menu item settings. Please look at this screenshot for more details.


For customizing the images size, you will have to add custom css in the custom css section of Portfolio Manager options.
Please look at this screen for more details:


Add the following CSS rules to this section
.isotope-item {
    width: 320px;
    height: 230px;
}
.bop-view {
    width: 320px;
    height: 230px;
}
.bop-view img {
    width: 320px;
)
.bop-view .bop-mask, .bop-view .bop-content {
    width: 320px;
    height: 230px;
}
.bop-view .bop-view-para {
    width: 288px;
}

After adding this CSS, you can adjust the spacing using the Menu Item settings explained above.

Please let me know if you have any other queries.
The administrator has disabled public write access.

Change portfolio layout 8 years 10 months ago #394

If you try to align the projects using the margin, it will only be aligned for one page width. If you change the width of the page, the projects come out of alignment again.
The administrator has disabled public write access.

Change portfolio layout 8 years 10 months ago #395

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Dear Rob,

From what I understand, the project mosaic is not showing centrally aligned to you on all screens sizes.
The reason for this is in order to maintain responsiveness, the project tiles would be to rearrange themselves.

You can add custom CSS to counter different screen sizes so that the spacing is distributed evenly on smaller screen sizes.
If you could post the link of the page where this issue is. I''d be able to help you more.
Last Edit: 8 years 10 months ago by eLEOPARD.
The administrator has disabled public write access.

Change portfolio layout 8 years 10 months ago #396

Sure, the site is www.department203.com
The administrator has disabled public write access.

Change portfolio layout 8 years 10 months ago #397

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Dear Rob,

Thanks a ton for using Portfolio Manager.
Please copy and paste the following rules to your style.css (or any other similar file)

/* from 1199px to 980px */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
	.eds-bpm-main {
		max-width: 875px !important;
		margin-left: auto;
		margin-right: auto;
	}
}

/* from 979px to 600px */
@media only screen and (min-width: 600px) and (max-width: 979px) {
	.eds-bpm-main {
		max-width: 590px !important;
		margin-left: auto;
		margin-right: auto;
	}
}

/* 599px and less */
@media only screen and (max-width: 599px) {
	.eds-bpm-main {
		max-width: 290px !important;
		margin-left: auto;
		margin-right: auto;
	}
}

Let me know if this works or there are any other issues.
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Forum
Portfolio Manager
Questions
Change portfolio layout
Time to create page: 0.039 seconds

Need Customization? Feel free to...

Contact Us

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