Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 25, 2017 at 11:11 am #843861
    Loppekur

    Hi there,
    I would like to make a team member section like this one: http://kriesi.at/themedemo/?theme=enfold-overview but cant seem to get it working properly.
    1. The images are displayed very large – although I upload in different sizes. Smaller images just displays a more pixelated image. Should the images be uploaded in a different exact size?
    2. The alignment of the text below the image is aligned too the left (when using “use original size or fit into container when too large”) and the image is centered.

    // Thanks
    Simon

    August 25, 2017 at 11:14 am #843863
    Loppekur

    It is the enfold startup business demo I am referring to.

    August 25, 2017 at 2:37 pm #843990
    Sarah

    Hi Simon,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help.

    Best regards,
    Sarah

    August 25, 2017 at 3:00 pm #844012
    Loppekur

    Hi Sarah
    Yes, the element is on this page: http://doksa.dk/om-os/

    August 28, 2017 at 6:03 pm #844933
    Victoria

    Hi Loppekur,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.team-img-container img.av-team-img-original {
    width: 40%;
}
.team-member-name {
  text-align: center;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 28, 2017 at 7:03 pm #844975
    Loppekur

    Hi Victoria,
    Thanks – it somewhat worked ;) The job title description however, is still aligned left?

    August 28, 2017 at 7:17 pm #844986
    Loppekur

    As mentioned before I would like to make something similar to this: http://imgur.com/dkq58je
    The alignment left, but text below the image

    August 30, 2017 at 3:49 pm #845847
    Victoria

    Hi Loppekur,

    The left alignment will put the text all the way to the left, the images aspect ratio is not as on the screenshot that you supplied, so in this case it’s easier to have things center-aligned.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.team-member-job-title  {
      text-align: center;
}

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    If you need further assistance please let us know.

    Best regards,
    Victoria

    • This reply was modified 7 years, 3 months ago by Victoria.
  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.