Add Down Triangle Like Arrow After Front Page 1 Widget

This CSS enabled you to add the down triangle after the front page 1 widget area in the Monochrome Pro child theme by StudioPress like this :

Add the following CSS to the end of the Monochrome Pro themes style-front.css file and clear caching :

.front-page-2 .wrap {
    border-top: 80px solid #212121;
    border-left: 60px solid transparent; 
    border-right: 60px solid transparent; 
    top: 0px;
    content: "";
    position: absolute;
    left: 45%;
    margin-left: -21px;
    width: 0; 
    height: 0;
}

Should work in any Genesis child theme.

You could also use a image like this :

.front-page-2 .wrap {
	background-image: url(images/triangle.png);
	top: 0px;
	content: "";
	height: 44px;
	position: absolute;
	left: 50%;
	margin-left: -44px;
	width: 44px;
}

Here’s the image added to the child themes images folder.