Portfolio project link

yue_kyy

Hi 

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

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

http://imgur.com/a/nQs13

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

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

yue_kyy

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

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

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

yue_kyy

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

timfurnish

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next