adjusting sponsors page to liken speakers page

http://sustainablerubber.org/conference-2016/#sponsors

Trying to make sponsors look like speakers, i.e. with a blue overlay when you hover over them (but with another symbol). Also sponsors should be shown in full, not in a circle that cuts off pieces. Any idea what I can do?

I've copied all the speakers code but it doesn't give the blue overlay, nor do I find where I can change the shape.

Hi,

Did you find the solution? Because I can see square overlay on your sponsor section. Do you need anything else?

yeah I added a background-color: green to one of the definitions but I don't understand. Why is there a blue overlay on the speakers although I can't see it defined anywhere in the CSS.

The overlay is added to :before, :after pseudoelements and the color is taken from Customizer section css:

Code: Select all

.gk-speakers > figure > a:before, .speakers-listing .entry-thumbnail a:before {
    background: rgba(0,210,221,0.9);
}


so the color may be changed easily via Appearance -> Customize -> Colors section.