Hi all,

I am working on a website with Headlines, which is really a cool template!
Right now, I would like to have an image aligned at the very top of the #g-footer section.

I created an extra row in the Layout manager, in the Footer section, just above the Footer-a b c and d.
Added a module to that new module position, which contains a purple square, just for testing.

I added a class in my custom.scss and assigned that to the image:

.arrowjpg {

	position: relative;

	bottom: 46px;

	left: 25px;

}

In order to move it upwards to the border of the main and footer sections.

But I think this is not how I should do this. Why shifting op 46px?!
There is a large gap between the top of the #g-footer and the "About..." heading. My goal is just a small orange triangle, say 20px, hanging under the orange border (see the attached screenshot), and directly under that the "About..." heading. Like a border decoration that is pointing downwards.

Does anyone have a suggestion?
Thanks very much,
have a nice day!
Stefan