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

Staff picture size and link

linkpicture sizeratiostaff
    • 10 years, 3 months ago Tehpro
      Participant

      Expired

      Hi,

      I would like to make staff image look like square (1:1) or rectangular (vertical)
      What is the most easy way to change picture size (ratio)?

      Also is there a way to link staff picture to full staff page with full bio?

    • 10 years, 3 months ago Ruco
      Keymaster

      Hello,

      You can change the staff images thumbnails size at the file functions.php.

      Find these lines:

       add_image_size( 'staff', 400, 270, true );
          add_image_size( 'staff_full', 500, 340, true );
      

      and change the size. After that you should recreate the images thumbnails or reupload the images.

      You want to link the staff to their full post?
      It will have this look: https://codeless.co/specular/default/?staff=brad-doe

      Let me know and I will give you instructions to do so.

      Best regards

      • 10 years, 3 months ago Tehpro
        Participant

        Expired

        You said that there is a way to change look of the staff full post, and link it?

        Please can you provide me with the instructions.

        How can I use Visual Composer to manage the look of the staff full post?

    • 10 years, 3 months ago Tehpro
      Participant

      Expired

      Hi,

      Thank you for the help.

      I changed the staff image size.

      Yes, I would like to link the staff to their full post.

      Also is there a way not to show partial bio under the staff picture?

      I would like only to see their full bio on their full post.

    • 10 years, 3 months ago Tehpro
      Participant

      Expired

      How can I link the staff to their full post?

    • 10 years, 3 months ago Ruco
      Keymaster

      Hello,

      Sorry for the late response.

      Please edit eh file specular\vc_templates\staff.php (for single staff element).
      Find the lines

       $output .= '<div class="content">';
                                      $output .= '<h5> '.esc_html(get_the_title()).'</h5>';
                                      $output .= '<span class="position">'.esc_attr($position).'</span>';
                                  	$output .= '<p>'.codeless_text_limit(get_the_excerpt(), 250).'</p>';
                                  $output .= '</div>';

      and replace with

      $output .= '<div class="content">';
                                      $output .= '<h5><a href="'.get_permalink().'"> '.esc_html(get_the_title()).'</a></h5>';
                                      $output .= '<span class="position">'.esc_attr($position).'</span>';
                                  	$output .= '<p>'.get_the_content().'</p>';
                                  $output .= '</div>';

      Changing to $output .= '<p>'.get_the_content().'</p>'; will display all the content of the staff member.

      This $output .= '<h5><a href="'.get_permalink().'"> '.esc_html(get_the_title()).'</a></h5>'; will link the staff member.

      It’s not possible to use Visual Composer for staff page.

      Best regards!

      • This reply was modified 10 years, 3 months ago by Ruco.
      • This reply was modified 10 years, 3 months ago by Ruco.
      • This reply was modified 10 years, 3 months ago by Ruco.
      • 10 years ago criscmaia
        Participant

        Expired

        Is is possible to save the specular\vc_templates\staff.php changes to a child theme?

        • 10 years ago criscmaia
          Participant

          Expired

          Nevermind, I got it! Thanks

    • 10 years, 3 months ago Tehpro
      Participant

      Expired

      This reply has been marked as private.
    • 10 years, 3 months ago Tehpro
      Participant

      Expired

      OK. Thank you.

      I will try it.

    • 10 years, 3 months ago Tehpro
      Participant

      Expired

      This reply has been marked as private.
    • 10 years, 3 months ago Ruco
      Keymaster

      Hello,

      Thank You! We will check it for sure.

      Best regards!

    • 10 years, 3 months ago Tehpro
      Participant

      Expired

      Thank you for your reply.

      The link to full post is made.

      However there are few issues.

      Please take a look an example

      https://www.tehpro.net/usluge/psiholoska-podrska/

      Main thing is to put staff in pages with links to their full posts (which I made with your help previously).

      Problem now is that under their picture it now shows full text, but It should not show any.

      Only when you open their full post it should show all content (their full bio)

      Also I would like to change the way the full post looks like. Is it possible?

      Another thing is that all staff links are in https://www.tehpro.net/staff_trusted/

      which for me doesn’t make much sense, and would be great if I could change it.

      • 10 years, 3 months ago Tehpro
        Participant

        Expired

        Mainly …idea is for the full staff post to look  like this or similar.

        https://www.tehpro.net/zaposleni/

        Also, one idea for easy linking would be to have option like for FB, Twitter, Linkedin with simple icon which links to full staff post.

    • 10 years, 2 months ago Ruco
      Keymaster
      This reply has been marked as private.
      • 10 years, 2 months ago Tehpro
        Participant

        Expired

        This reply has been marked as private.
    • 10 years, 2 months ago Ruco
      Keymaster
      This reply has been marked as private.
    • 10 years, 2 months ago Tehpro
      Participant

      Expired

      Thank you.

      This looks OK.

      Is there a way to use some people icon for the url?

      What happens when I need to update theme?

    • 10 years, 2 months ago Ruco
      Keymaster

      Hello,

      I changed the link icon to user, by editing this line: <i class="moon-link"> to this: <i class="moon-user"> in file ‘staff.php’. You can create a child theme and set the changes files there to prevent from changing in future theme updates.

      Best regards!

    • 10 years, 2 months ago SpecularUser
      Participant

      Expired

      On the full staff bio page, I am looking to change the size of the image from full width to a left aligned image with text on the right side. How would I go about doing this?

    • 10 years, 2 months ago Mirela
      Participant

      Hello,


      @JoshGoldenberg

      I have replied you here: https://support.codeless.co/?topic=changing-staff-picture-size-on-individual-staff-pages/#post-1990

      Best regards!

    • 8 years, 8 months ago hairyLemon
      Participant

      Expired

      Hi,  I have tried the above to have the single staff profile link through to their full profile with text and photo. Currently I have 9 single staff thumbnails and text excerpt set up on a page, but you can’t click through. I have tried several of your answers here and they either add the full text to the initial page, or remove all single staff items altogether. Are you able to help?

    • 8 years, 8 months ago Mirela
      Participant

      Hello,


      @hairyLemon
      ,
      This topic, as you can see is very old. The theme has been updated multiple times since then. The code may have changed or you may have edited it wrong.
      However, we have already replied you in this other topic of yours.
      Please keep up in your own topic.

      Best regards!

Viewing 17 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