Portfolio project link

yue_kyy · November 2016

Hi

would like to ask how to edit the portfolio thumbnail button same as yours:

http://themes.muffingroup.com/be/splash/

which there only show "Preview" button on the thumbnail image, and when click the button, it links to external url instead of portfolio detail page.

My website is http://kennyyue.com/

Currently the button on portfolio thumbnail image:

http://imgur.com/a/8kdmE

thank you.

Albert · November 2016

Hi,

to make this portfolio, we set 2 options under Theme options > Blog, Portfolio & Shop > Portfolio section:

- we turned on Hover Title option
- we set Project Link to Project Website | Open in the same window

and also to change title on hover, we used the following css:

.image_frame .image_wrapper .image_links.hover-title a:before { content: "Preview"; display: block; }

yue_kyy · November 2016

Thanks,

Would like to ask where to paste the following codes:

p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Courier; -webkit-text-stroke: #000000; background-color: #fffd99}
span.s1 {font-kerning: none}

.image_frame .image_wrapper .image_links.hover-title a:before { content: "Preview"; display: block; }

yue_kyy · November 2016

Please ignore my last comments. I consolidate the questions below:

1. kindly advise where to paste the below codes:

.image_frame .image_wrapper .image_links.hover-title a:before { content: "Preview"; display: block; }

2. When click "Preview" button, it will link to a url, by default, it will link to portfolio item detail page. would like to ask where to put external web url.

3. For portfolio item, how to make the project title display under the preview button(kindly refer below image)?

http://imgur.com/a/nQs13

thank you so much!

Albert · November 2016

1. Each custom css need to be put under Theme options > Custom CSS & JS > Custom CSS section.
2. This external url need to be put under each portfolio item settings.
3. To display title the way we did it on Splash, you need to use the following css:

/* Portfolio */
.column.one.column_portfolio .portfolio_wrapper { background: #edeeee; padding-top: 40px; }

.portfolio_group .portfolio-item .desc { background: none; }
.portfolio_group .portfolio-item .desc .title_wrapper { padding-right: 0; }
.portfolio_group .portfolio-item .desc .title_wrapper h5 { text-align: center; text-transform: uppercase; letter-spacing: 2px; }
.portfolio_group .portfolio-item .desc .title_wrapper .button-love { display: none; }
.portfolio_group .portfolio-item .image_frame { border: 1px solid #dee0e2; width: 99%; }
.portfolio_group .portfolio-item .image_frame .mask { display: none; }

yue_kyy · November 2016

Hi,

Thanks for your feedback.

Kindly explain the the following feedback further:

2. This external url need to be put under each portfolio item settings.-where can I find the each portfolio settings and where to put the url

3. To display title the way we did it on Splash, you need to use the following css:

/* Portfolio */
.column.one.column_portfolio .portfolio_wrapper { background: #edeeee; padding-top: 40px; }

.portfolio_group .portfolio-item .desc { background: none; }
.portfolio_group .portfolio-item .desc .title_wrapper { padding-right: 0; }
.portfolio_group .portfolio-item .desc .title_wrapper h5 { text-align: center; text-transform: uppercase; letter-spacing: 2px; }
.portfolio_group .portfolio-item .desc .title_wrapper .button-love { display: none; }
.portfolio_group .portfolio-item .image_frame { border: 1px solid #dee0e2; width: 99%; }
.portfolio_group .portfolio-item .image_frame .mask { display: none; }

I paste the highlighted codes under Theme options > Custom CSS & JS > Custom CSS section, but the title text does not show. please advise where to put those codes.

Thanks.

Albert · November 2016

2. http://themes.muffingroup.com/betheme/documentation/#portfolio - do you see WEBSITE field on this image? This is place where you supposed to put link.

3. Please send us WordPress dashboard access privately thru contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will have a look on it. Please don’t forget to let us know what for the access is.

timfurnish · November 2016

http://camillecothrondesign.com/interiors/

The bottom left portfolio item title is "The Metro Art Brentwood Unit One", though it's cropping after "unit."

Is it possible to specify the line breaks into two lines for longer titles? or with less control, auto wrap to avoid this cropping.

Need control of line height too.

Thanks.

-Tim

Albert · November 2016

It is possible to increase background title height to display cut text but it could be done for all items an d it won't look good.

Portfolio project link

Comments