Portfolio project link

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


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:
 thank you.

Comments

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

  • 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)? 


    thank you so much!
  • 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; }
  • 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.

  • 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.
  • 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
  • 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.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.