Changing module header line in STEAKHOUSE

Hey guys!

I am nearly done with my new page - facing just only one last issue that I cannot get rid of alone.

If you are looking at the module-headlines there is a thin line before and after the headlines.

Bildschirmfoto 2014-09-08 um 13.49.12.png

Is it possible to get rid of this line and place a solid green line right below the headlines?

line.jpg

So that the modules finally would look like this:

ergebnis.jpg

Looking forward to your replies.

Greetings

Hello,

It would be possible, but I will need your website URL in order to provide you a proper CSS code.

Oh sorry - here we are
http://www.cool-o-mat.com/_energetic/

Please replace the following fragment in the css/template.css file:

Code: Select all

.bigtitle .header a:before,
.bigtitle .header a:after,
.bigtitle .header span:before,
.bigtitle .header span:after,
.bigtitle > header h1 > span:before,
.bigtitle > header h1 > span:after {
   border-top: 1px solid #d1d1d1;
   content: "";
   display: block;
   height: 1px;
   left: -160px;
   position: absolute;
   top: 34px;
   width: 160px;
   z-index: 0;
}

to:

Code: Select all

.bigtitle .header a:after,
.bigtitle .header span:after,
.bigtitle > header h1 > span:after {
   border-bottom: 10px solid #32a02e;
   content: "";
   display: block;
   height: 1px;
   width: 100%;
   z-index: 0;
}