hi how to use sj veritymag template, I'm trying to make the menu and logo background transparent, but I couldnt find the css to remove it, could you assist and help me please


thnks

Dear hidayah,

I tried to set disable Less in template manager, Now, you can go to the file:
templates/sj_veritymag/css/template-red.css and find:

#yt_menuwrap {
background: #000;
margin: 0px;
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
position: relative;
z-index: 10;
}
=> edit to:

#yt_menuwrap {
background: transparent;
margin: 0px;
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
position: relative;
z-index: 10;
}
and set color of menu here
#meganavigator li.level1 > .item-link {
margin: 0;
padding: 27.5px 15px 28px;
color: #dfdfdf;
font-size: 13px;
font-weight: normal;
display: block;
cursor: pointer;
text-transform: uppercase;
}

About logo background, please find this code:
#yt_menuwrap #yt_logo:before {
position: absolute;
display: block;
border-bottom: 0px solid #e10a30;
border-left: 0px solid transparent;
border-top: 80px solid #e10a30;
border-right: 30px solid transparent;
right: -30px;
top: 0px;
padding: 0;
content: "";
width: 0;
z-index: 3;
}
#yt_menuwrap #yt_logo:after {
position: absolute;
display: block;
border-bottom: 0px solid #e10a30;
border-left: 0px solid transparent;
border-top: 80px solid #e10a30;
border-right: 30px solid transparent;
opacity: 0.8;
filter: alpha(opacity=80);
right: -40px;
top: 0px;
padding: 0 5px;
content: "";
width: 0;
z-index: 2;
}
Remove border

and find:

#yt_menuwrap #yt_logo {
background: #e10a30;
position: relative;
right: 28px;
padding: 0 10px;
}
=> change background: #e10a30; to background: transparent;

Thanks