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

Pictures stretching

    • 7 years ago Nicolekay
      Participant

      Expired

      On my home page pictures are stretching can you help me fix this? I was having some issues  in responsive mode

      Home

    • 7 years ago Nicolekay
      Participant

      Expired

      This reply has been marked as private.
    • 7 years ago Mirela
      Participant

      Hello,

      Can you please be more specific? What images are you referring to? Did this happen before? Did you make any changes lately to theme files? Or installed any new plugin?

      Let us know.

      Best regards!

    • 7 years ago Nicolekay
      Participant

      Expired

      No didn’t do anything it’s just the images under PROJECTS on the home page, I’ll send you a screen shot

       

      https://snag.gy/jUYfh7.jpg

       

      THANKS!

    • 7 years ago Medrit
      Participant

      Hello,

      That is caused because of a css code that you added. You can find it in your homepage if you go to page settings. The css code that is stretching the pictures is the code below:

      .portfolio-item .tpl2 img { min-height: 353px;}

      See screenshot: https://ibb.co/hRKi5T
      If you remove it the pictures will look fine.

      Best regards!

    • 7 years ago Nicolekay
      Participant

      Expired

      Hey the logo is cut off on mobile when the phone is vertical

      On this page https://www.foodforthepoor.ca/what-we-do/education – the images are stretched too do I go to the same spot to remove the code?

    • 7 years ago Nicolekay
      Participant

      Expired

      On this page https://www.foodforthepoor.ca/what-we-do

      We want the yellow area to look like this below but somehow we lost it.

      https://snag.gy/aQD5cH.jpg

      Could you please guide me through to get the WHAT WE DO box to line up.

      THANKS!

    • 7 years ago Medrit
      Participant

      Hello,

      1. In the education page click on edit page and then Please add the css code, see screenshot: https://ibb.co/kcN1uo
      The css code:

      @media (max-width: 480px){
      .top_nav .aligncenter {
      margin-left: 0px !important;
      margin-top: 30px;
      }
      }

      2. I don’t see any changes from the screenshot that you uploaded. Here is a screenshot from what the page looks like: https://ibb.co/jwMuEo
      Can you be more specific?

      Let us know.
      Best regards!

    • 7 years ago Nicolekay
      Participant

      Expired

      <span style=”color: #4b4d4d; font-family: Raleway; font-size: 14px;”>On this page</span><span style=”color: #4b4d4d; font-family: Raleway; font-size: 14px;”> </span>https://www.foodforthepoor.ca/what-we-do

      in responsive/mobile the yellow area breaks each image into separate lines

      can you help fix this.

      Also still need help with the logo the right side of the logo is cut off

    • 7 years ago Nicolekay
      Participant

      Expired

      Re my note above about the yellow area want it to look like this

      https://ibb.co/jwMuEo

      thanks for your help Medrit!

    • 6 years, 12 months ago Medrit
      Participant

      Hello,

      I added the following css code below to make the yellow areas look as they should:

      @media (max-width: 480px){
          .page-id-812 .vc_custom_1471373685740 img {
          max-width: 80% !important;
          padding-right: 0px !important;
          float: none !important;
          }
      }

      For the screenshot i added the css code below:

      @media (max-width: 480px){
      .top_nav .aligncenter {
          margin-left: 0px !important;
          margin-top:30px !important;}
      }

      Let us know.
      Best regards!

    • 6 years, 12 months ago Nicolekay
      Participant

      Expired

      THANK YOU SO MUCH FOR YOUR AMAZING SUPPORT!

    • 6 years, 12 months ago Nicolekay
      Participant

      Expired

      Hi the logo only looks centered on the WHAT WE DO PAGE. On all other pages in mobile vertical it is shifted over to the right and cut off

    • 6 years, 12 months ago Nicolekay
      Participant

      Expired

      Hey still need help with the logo in mobile the only page it’s working on is the What we Do page, it’s shifted to the right!

       

    • 6 years, 12 months ago Medrit
      Participant

      Hello,

      I added the css code that i provided earlier to Customizing > Additional CSS so it could affect the position of the logo in every page.  See screenshot: https://ibb.co/mOVEjo

      Best regards!

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