Edin theme. chalet-daim page. reduce white space

minicollar · Member · Nov 5, 2015 at 12:01 pm
Copy link

Add topic to favorites
Hi,
I want to reduce the white space between the featured image and the table, currently trying on page “chalet-daim”. have tried the following :
/* to reduce white space below featured image */
.chalet-daim .primary.content-area {
padding-top: 10px
}
.chalet-daim .hero.with-featured-image {
padding-bottom 20px
}
but not having the desired effect :(

The blog I need help with is: (visible only to logged in users)
minicollar · Member · Nov 5, 2015 at 12:06 pm
Copy link
Also want to ask why the featured image has “auto-cropped”…. the image is set to 1230 wide, but is not displaying the full height of the image (692)
thanks
Mini
thesacredpath · Member · Nov 5, 2015 at 7:08 pm
Copy link
Hi there, there is 60px of top padding on the content-area div that we can adjust. We can do this two ways. We can use the unique page id CSS class defined in the opening body selector to specifically target the Chalet Daim page with the following, which will only change the padding on this specific page (60px is what it is now)
```
.page-id-304 .content-area {
padding-top: 60px;
}
```
or we can use the following to affect all pages.
```
.content-area {
padding-top: 60px;
}
```
On the header image, the suggested size for the header image is so that the image can be set to cover the entire header area, no matter what size a screen/window width it is being viewed on. On themes with full-width headers such as Edin, this is about the only way to do it. We can increase the parent div top/bottom padding to increase the amount of image that shows vertically with the following. It is the first number, the 180px. That is top and bottom padding, so an increase of 20px would actually increase the height by 40px (20 top, 20 bottom.
```
.hero.with-featured-image, body[class*="front-page"] .hero {
    padding: 180px 0;
}
```
minicollar · Member · Nov 6, 2015 at 10:10 am
Copy link
Again, a clear and helpful response from you. Thank you so much.
Mini
thesacredpath · Member · Nov 6, 2015 at 5:42 pm
Copy link
You are welcome. :)

No items found.