Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

HTML link in Portfolio Project Details

portfolio
    • 9 years, 5 months ago tamarwallace
      Participant

      Expired

      Is there a way to include an HTML link in the Portfolio Project Details? I’d like to link to a particular person’s bio page.

    • 9 years, 5 months ago tamarwallace
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 5 months ago tamarwallace
      Participant

      Expired

      Also, how do I modify the size of the image on the same portfolio page? It’s a little too big, and I cannot figure out where to resize the image.

      Thank you!

    • 9 years, 5 months ago Mirela
      Participant

      Hello,

      To make the portfolio details as links, go to file \includes\view\portfolio\single-container.php and find this line:
      <li><span class="title"><?php echo esc_attr($cl_redata['single_portfolio_custom_params'][$i]) ?></span><span><?php echo esc_attr($cl_redata['single_portfolio_custom_fields'][$i]) ?></span></li>
      Replace with this:
      <li><span class="title"><?php echo esc_attr($cl_redata['single_portfolio_custom_params'][$i]) ?></span><span><?php echo $cl_redata['single_portfolio_custom_fields'][$i] ?></span></li>

      -To edit portfolio image sizes, please refer to this article.

      Best regards!

    • 9 years, 5 months ago tamarwallace
      Participant

      Expired

      Thank you so much for the info to allow for links in the portfolio details. That’s a huge addition, and something I’d suggest for future updates.

       

      As for the portfolio image sizes, how do I know which one is for the single portfolio large image? There’s port2, port3, port4, etc. and I have no idea which one changes the image on the single portfolio page.

       

      Also, I’ve seen posts regarding removing the slug on the main portfolio page, but is there a way to show the actual category name, rather than the slug? I’ve already removed the slug using this method:

      <span style=”color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>Go to file includes\view\portfolio\loop-grid.php and find this line:</span><br style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;” /><code style=”box-sizing: border-box; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; color: #444444; display: inline-block; padding: 0px 5px; line-height: 24px; border: 1px solid #dddddd; max-width: 95%; vertical-align: middle; margin-top: -3px; background: #f9f9f9;”><h6><?php echo esc_html($sort_classes) ?></h6><br style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;” /><span style=”color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>Replace with this:</span><br style=”box-sizing: border-box; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;” /><code style=”box-sizing: border-box; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; color: #444444; display: inline-block; padding: 0px 5px; line-height: 24px; border: 1px solid #dddddd; max-width: 95%; vertical-align: middle; margin-top: -3px; background: #f9f9f9;”><h6><?php echo ” ” ?></h6>

      But is it possible to display the Category itself, rather than the category slug? I’m guessing I’d replace the ” ” with code calling the Category name, rather than the slug, but I’m not sure what that code is.

       

      Thanks for your help!

    • 9 years, 5 months ago tamarwallace
      Participant

      Expired

      Sorry – all that html in the above message is supposed to be this:

       

      Go to file includes\view\portfolio\loop-grid.php and find this line:

      <h6><?php echo esc_html($sort_classes) ?></h6>

      Replace with this:

      <h6><?php echo ” ” ?></h6>

    • 9 years, 5 months ago Mirela
      Participant

      Hello,

      -Thank you for your suggestion. I will refer it to the developer team.

      -To change the single portfolio image, go to the file of the style you are using (include/view/portfolio/loop-fullwidth.php) and find this line:
      esc_url(codeless_image_by_id(get_post_thumbnail_id(), '', 'url'))
      This is the code used to pre-define the images sizes. Add one of the current plans. Example:
      esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port3', 'url')) will make the images as set in:

      function codeless_images_sizes(){
          add_image_size( 'port3', 600, 600, true );

      in file functions.php.
      Chose the best that fits your needs.

      -Go to file include/view/portfolio/loop-grid.php and find this line:

      $sort_classes .= $cat->slug.' ';

      Edit to this:

      $sort_classes .= $cat->name.' ';

      Best regards!

    • 9 years, 4 months ago tamarwallace
      Participant

      Expired

      Thank you! I haven’t had a chance to try this yet, but I’ll let you know if I run into any problems.

       

      Another question on this specific page: https://codeless.co/tower/business/about-us-2-2/

      I’d like to make the images and name below the image under Our Team clickable. How do I do that? I want each picture/name to go to their individual bio page.

       

      Thank you!

    • 9 years, 4 months ago tamarwallace
      Participant

      Expired

      I started another thread for my Team page question.
      I went ahead and was able to change the picture size in the portfolio section, but the image doesn’t actually display at the size I set. I’ve tried to make it square, but it won’t work.

      The picture is set as 460 x 275, but it displays as 444 x 266. I’d actually like it to be more like 440 x 440. Even when I change the setting on the functions.php, it doesn’t change the image size. What am I doing wrong?

    • 9 years, 4 months ago Mirela
      Participant

      Hello,

      Did you import the image again after changing it’s dimensions in file function.php? Please make sure you did first. Let us know.

      Best regards!

    • 9 years, 3 months ago tamarwallace
      Participant

      Expired

      I was able to get everything to work as requested.

      Thanks!

Viewing 10 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password