How to change the display of widgets on the home page ?

Hi ebouvet – Is it possible to provide a link to your site so I can take a look directly? It’s easier to help that way. Thanks!

Could you tell me a bit more what you mean by “change faceplates of each widget dimensions” and describe in more detail what you’re trying to do?

-put a semi-transparent background color in blocks of widgets?

Just going off the demo, this custom CSS would add a semi-transparent white background behind each footer widget:

.home #slide-4 .widget {
  background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%;
}

You can adjust the RGB and opacity values as you like.

If you had something different in mind, let me know.

Hi Kathryn, thanks a lot. I added padding and its ok for the semi transparent background : https://revuedissonances.com

.home #slide-4 .widget {
	background: rgba(255,255,255,0.1) none repeat scroll 0 0;
	padding: 15px;
}

I would also enlarge the width of 2 blocks and move the second on the right. Is it possible ?

You can widen both widgets by adding some custom CSS:

#slide-4 .widget {
    float: left;
    width: 40%;
}

This will float the second widget to the right:

#slide-4 #image-3 {
  float: right;
}

You may want to restrict both these changes to only larger screens, so the theme’s responsive nature isn’t affected, by putting them within a media query:

@media only screen and (min-width: 1140px) {

  #slide-4 .widget {
    float: left;
    width: 40%;
  }
  #slide-4 #image-3 {
    float: right;
}

}