CSS Styling

  • Resolved philwiener

    (@philwiener)


    7 years, 8 months ago

    Hi there,

    let me 1st say that I love using the plugin —> many thanks for that! At the moment I style it a little bit –?therefore I have some questions:

    01 >> I want to center the whole Mosaic on my website. Means: When I change the window size, it should always keep centered … Could you help me with the CSS for that? (my website is: philwiener.com)

    02 >> When I tap on a project on mobile devices, it leads me to Behance (that’s correct) but additionally it opens an empty tab in my phone’s browser. I know that’s because I activated the setting “Open Project in New Tab” –> but I want to deactivate it just on the phone, and keep it on desktop.

    Many thanks in advance,
    Phil

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author eleopard

    (@eleopard)

    Dear Phil,

    Thanks for using the Portfolio Manager.
    Regarding your issue. It can be done using some custom CSS styling.

    Please let me know the link to your portfolio, and I’ll try to create a custom solution for you.

    Thread Starter philwiener

    (@philwiener)

    Dear eleopard,

    thanks for your quick response!

    My portfolio can be found here:
    https://philwiener.com/#portfolio

    Best,
    Phil

    Plugin Author eleopard

    (@eleopard)

    Dear Phil,

    Please paste the following CSS in
    Portfolio Manager > Settings > Advanced Tab > Custom CSS box

    .eds-bpm-main{
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.eds-bpm-main{
		max-width: 700px;
	}
	#portfolio .subheadline-negative{
		margin-left: 90px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.eds-bpm-main{
		max-width: 464px;
	}
	#portfolio .subheadline-negative{
		margin-left: 90px;
	}
}
@media only screen and (max-width: 767px) {
	.eds-bpm-main{
		max-width: 232px;
	}
	#portfolio .subheadline-negative{
		text-align: center;
	}
}

    Note: I have added margin left to make the titles stick to the left, when the portfolio items are centered. Please remove all the #portfolio .subheadline-negative rules if you do not want that.

    Let me know if this works.

    Thread Starter philwiener

    (@philwiener)

    Dear eleopard,

    woooow! This works perfectly!
    Many thanks – I am totally thrilled about your quick and highly personolized help!

    Best regards,
    Phil

    Plugin Author eleopard

    (@eleopard)

    Glad to know it worked ??
    Feel free to let me know if you have any other issues.

    Lastly, please don;t forget to rate the plugin:
    https://www.ads-software.com/support/plugin/portfolio-manager-powered-by-behance/reviews

    Thread Starter philwiener

    (@philwiener)

    Done!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS Styling’ is closed to new replies.