remove the separator line that appears on the home page

GK User
Thu Oct 08, 2015 10:25 am
Good morning, I have two questions:
(1) How I can remove the separator line that appears on the home page? I find the CSS code which is specified.
(2) I wont remove the diamond from the medium and move the line to another position. It can ?

Thank you so much.

Image
User avatar
Junior Boarder

GK User
Thu Oct 08, 2015 12:25 pm
This "line" is generated with before and after css pseudo classes and is added to a h2 element in header this way:
Code: Select all
#gkHeaderMod h2:before {
   border-top: 1px solid #fff;
   content: "";
   left: 0;
   position: absolute;
   top: 50px;
   width: 100%;
}
#gkHeaderMod h2:after {
   background: #fff;
   content: "";
   height: 9px;
   left: 50%;
   margin: -4px 0 0 -9px;
   position: absolute;
   top: 50px;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
   width: 9px;
}

to remove it, just use override.css and set:
Code: Select all
#gkHeaderMod h2:before {
display: none;
}
#gkHeaderMod h2:after {
display: none;
}

to copy it to another position, you need to attach those stylings to another specified element.
User avatar
Moderator

GK User
Thu Oct 08, 2015 11:46 pm
MUCHISIMAS GRACIAS. ACLARACIÓN PERFECTA.
User avatar
Junior Boarder

GK User
Mon Oct 12, 2015 4:54 pm
No hay problema, por favor :)
User avatar
Moderator


cron