Title: About Section image Last modified: July 11, 2017 --- # About Section image * Resolved [Fabio G](https://wordpress.org/support/users/fabio-g/) * (@fabio-g) * [8 years, 11 months ago](https://wordpress.org/support/topic/about-section-image/) * Hi, the left image of About Section has a different height than the content section on its right, 473.067px for image and 500px for content. How can be increased image height at 500px to remove the white space below image? * Thanks. Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/about-section-image/page/2/?output_format=md) [→](https://wordpress.org/support/topic/about-section-image/page/2/?output_format=md) * Theme Author [8Degree Themes](https://wordpress.org/support/users/8degreethemes/) * (@8degreethemes) * [8 years, 11 months ago](https://wordpress.org/support/topic/about-section-image/#post-9310847) * Hi There, * Both sections height are adjusted to 500px. Your image might be of less height or did not fit in proportion, so edit the image and increase the height of image to be in 712*500px (width*height) ratio maintained. It will then fit. * Thanks! * Thread Starter [Fabio G](https://wordpress.org/support/users/fabio-g/) * (@fabio-g) * [8 years, 11 months ago](https://wordpress.org/support/topic/about-section-image/#post-9312049) * Hi, thanks for your reply. * I’ve increased image with 712*500px ratio but it doesn’t works and the white space remain, instead it works and I’ve solved with 712*550px ratio. * Thanks for your help. * Thread Starter [Fabio G](https://wordpress.org/support/users/fabio-g/) * (@fabio-g) * [8 years, 8 months ago](https://wordpress.org/support/topic/about-section-image/#post-9513853) * Hi, I’ve increased the height of About section in Home page with this code: * .about .about-content {height: 690px;} * But now the image on its left has a fixed height, how can I fix it with image that cover the empty space? * Thanks. - This reply was modified 8 years, 8 months ago by [Fabio G](https://wordpress.org/support/users/fabio-g/). - This reply was modified 8 years, 8 months ago by [Fabio G](https://wordpress.org/support/users/fabio-g/). * Thread Starter [Fabio G](https://wordpress.org/support/users/fabio-g/) * (@fabio-g) * [8 years, 8 months ago](https://wordpress.org/support/topic/about-section-image/#post-9513964) * Hi, in addition to above problem, I’ve noticed that after added that code, with my 15″ monitor I see the full text, but with a 20″ monitor and from mobile version of website, the CSS code doesn’t works and text is cutted. * Please, can you help me to fix it? Thanks * Theme Author [8Degree Themes](https://wordpress.org/support/users/8degreethemes/) * (@8degreethemes) * [8 years, 8 months ago](https://wordpress.org/support/topic/about-section-image/#post-9516911) * When you put the fixed height, then it will surely affect on the various screen size. Thanks! * Thread Starter [Fabio G](https://wordpress.org/support/users/fabio-g/) * (@fabio-g) * [8 years, 8 months ago](https://wordpress.org/support/topic/about-section-image/#post-9516975) * And how can I increase the height of left image until 690px? Thanks. * Theme Author [8Degree Themes](https://wordpress.org/support/users/8degreethemes/) * (@8degreethemes) * [8 years, 8 months ago](https://wordpress.org/support/topic/about-section-image/#post-9517136) * Similarly as content: * ``` .about figure.about-img { height: 690px; } ``` * Thanks! * Thread Starter [Fabio G](https://wordpress.org/support/users/fabio-g/) * (@fabio-g) * [8 years, 8 months ago](https://wordpress.org/support/topic/about-section-image/#post-9517217) * Thanks, but it works partially. As you an see in the following link, always remain a little white space below image. * [https://refertazioneremotanetwork.it/](https://refertazioneremotanetwork.it/) * Theme Author [8Degree Themes](https://wordpress.org/support/users/8degreethemes/) * (@8degreethemes) * [8 years, 8 months ago](https://wordpress.org/support/topic/about-section-image/#post-9519634) * Add this code: * ``` .about-img img { width:100%; } ``` * Thanks! * Thread Starter [Fabio G](https://wordpress.org/support/users/fabio-g/) * (@fabio-g) * [8 years, 8 months ago](https://wordpress.org/support/topic/about-section-image/#post-9519733) * Hi, it doesn’t works. As you can see, there is always a white space below the image. * Theme Author [8Degree Themes](https://wordpress.org/support/users/8degreethemes/) * (@8degreethemes) * [8 years, 8 months ago](https://wordpress.org/support/topic/about-section-image/#post-9520421) * Hello There, * Add this: * ``` .about-img img { width: 100%; height: 690px; } ``` * Thanks! * Thread Starter [Fabio G](https://wordpress.org/support/users/fabio-g/) * (@fabio-g) * [8 years, 8 months ago](https://wordpress.org/support/topic/about-section-image/#post-9520598) * It works from pc desktop, but from mobile it create the same problem. Can you help me to fix it? - This reply was modified 8 years, 8 months ago by [Fabio G](https://wordpress.org/support/users/fabio-g/). * Theme Author [8Degree Themes](https://wordpress.org/support/users/8degreethemes/) * (@8degreethemes) * [8 years, 8 months ago](https://wordpress.org/support/topic/about-section-image/#post-9524797) * Try this way: * ``` @media and screen(max-width:640px){ .about-img img { height: 200px; } } ``` * Replace the height value as your need. This will only be effective for screen size below 640px width. * Thanks! * Thread Starter [Fabio G](https://wordpress.org/support/users/fabio-g/) * (@fabio-g) * [8 years, 8 months ago](https://wordpress.org/support/topic/about-section-image/#post-9525040) * Hi, sorry but I explained badly. I mean in mobile version, the text of About section is cut, but I think I’ve solved in this way: * `@media screen and (max-width:640px){.about .about-content {height: 1180px;}}` * I’ve changed `@media and screen` in `@media screen and` * and then I’ve added `{.about .about-content {height: 1180px;}}` * It seems works now on mobile, but can you tell me if this code is correct? * The only problem is that now in mobile version the image is stretched. How it can be fixed? * Thanks in advance. - This reply was modified 8 years, 8 months ago by [Fabio G](https://wordpress.org/support/users/fabio-g/). * Theme Author [8Degree Themes](https://wordpress.org/support/users/8degreethemes/) * (@8degreethemes) * [8 years, 8 months ago](https://wordpress.org/support/topic/about-section-image/#post-9525091) * Hi There, * Sorry I mistyped it: It should be like as you said: * ``` @media screen and (max-width:640px){ .about .about-content { height: 1180px; } } ``` * AS you have added the height directly in image, it will surely stretch, there is no way, if you remove height then there will appear white space, so you need to choose one thing either fill the screen or do not stretch the image. * Thanks! Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/about-section-image/page/2/?output_format=md) [→](https://wordpress.org/support/topic/about-section-image/page/2/?output_format=md) The topic ‘About Section image’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/eightmedi-lite/2.1.9/screenshot. png) * Eightmedi Lite * [Support Threads](https://wordpress.org/support/theme/eightmedi-lite/) * [Active Topics](https://wordpress.org/support/theme/eightmedi-lite/active/) * [Unresolved Topics](https://wordpress.org/support/theme/eightmedi-lite/unresolved/) * [Reviews](https://wordpress.org/support/theme/eightmedi-lite/reviews/) * 18 replies * 2 participants * Last reply from: [Fabio G](https://wordpress.org/support/users/fabio-g/) * Last activity: [8 years, 8 months ago](https://wordpress.org/support/topic/about-section-image/page/2/#post-9527745) * Status: resolved