Title: Remove border around image
Last modified: July 1, 2017

---

# Remove border around image

 *  [libbyandvoyta](https://wordpress.org/support/users/libbyandvoyta/)
 * (@libbyandvoyta)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/remove-border-around-image-2/)
 * Hi,
 * I am really struggling to find how to remove the border around the image on my
   homepage. I want the image the reach from each end without having the page on
   page effect.. can anyone help please?! I am using the asiana theme. [http://ourworldpath.com/](http://ourworldpath.com/)
 * Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Md Mazedul Islam Khan](https://wordpress.org/support/users/mazedulislamkhan/)
 * (@mazedulislamkhan)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/remove-border-around-image-2/#post-9279673)
 * The homepage image that you’re targeting to make it full-width is actually inside
   of a `.container` class and the `.container` class is using 1170px as it’s maximum
   width.
 * However, if you’d really like to make the homepage image to cover the full width,
   you’ll need to use the following CSS:
 *     ```
       .home .container {
           width: 100%;
           padding: 0;
       }
       ```
   
 * Notice that I’ve added the `.home` class for you which will only make the image
   wider on the homepage. If you’d like you can remove the `.home` class from the
   provided CSS which will affect on all of your pages.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [8 years, 10 months ago](https://wordpress.org/support/topic/remove-border-around-image-2/#post-9279675)
 * In the “Additional CSS” part of the dashboard add this:
 *     ```
       .home .site-main .container {
           padding: 0;
           width: auto;
       }
   
       .home .site-main .container .row {
           margin: 0;
       }
   
       .home .site-main .container .col-md-12 {
           padding: 0;
       }
       ```
   
 * _[https://codex.wordpress.org/CSS#Custom\_CSS\_in\_WordPress](https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress)_
 * In future you should contact your theme author for support, as they will have
   the proper solution. The solution I’ve given breaks the grid layout for the homepage,
   which isn’t a great approach.
    [https://themeforest.net/user/rootlayers/](https://themeforest.net/user/rootlayers/)
 *  Thread Starter [libbyandvoyta](https://wordpress.org/support/users/libbyandvoyta/)
 * (@libbyandvoyta)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/remove-border-around-image-2/#post-9279679)
 * Thank you! That has helped with the image reaching the sides however how do I
   get rid of the white space at the top and bottom of the image? Thank you!!
    -  This reply was modified 8 years, 10 months ago by [libbyandvoyta](https://wordpress.org/support/users/libbyandvoyta/).

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Remove border around image’ is closed to new replies.

## Tags

 * [border](https://wordpress.org/support/topic-tag/border/)
 * [margin](https://wordpress.org/support/topic-tag/margin/)
 * [padding](https://wordpress.org/support/topic-tag/padding/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 3 participants
 * Last reply from: [libbyandvoyta](https://wordpress.org/support/users/libbyandvoyta/)
 * Last activity: [8 years, 10 months ago](https://wordpress.org/support/topic/remove-border-around-image-2/#post-9279679)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics