Transparent background.

[katie hunter]

Hi, I've installed this mod yesterday https://vborg.vbsupport.ru/showthread.php?p=245579

But How can i make the background transparent ? I've tried several things but it didn't work, i am not very good with this.

Like this http://i.imgur.com/diMKCG8.jpg instead of this http://i.imgur.com/vBEYOO5.jpg

ex http://forum.nihonomaru.com/member/ellymate.263627/

This is the template that belongs to this mod --> profile-intro.css

/* member profile intro */
.intro_block {
display:block;
width: 100%;
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
-moz-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
-webkit-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
margin-bottom: {vb:math {vb:stylevar padding}*2};
}

.intro_block h2 {
font-size:{vb:stylevar secondarycontent_header_font.fontSize}{vb:stylevar secondarycontent_header_font.units};
font-weight:{vb:stylevar secondarycontent_header_font.fontWeight};
color: {vb:stylevar secondarycontent_header_color};
background: {vb:stylevar secondarycontent_header_background};
border: {vb:stylevar secondarycontent_header_border};
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}

.intro_block h2 span {
display:block;
padding: {vb:math {vb:stylevar padding}/2-1} 0;
padding-{vb:stylevar left}: {vb:stylevar padding};
}

.intro_block .text {
display:block;
padding: {vb:math {vb:stylevar padding}/2-1} 0;
background: {vb:stylevar secondarycontent_background};
border: {vb:stylevar secondarycontent_border};
}

.intro_block .text.noborder {
border-top: 0;
}

.intro_block .text p {
padding: {vb:stylevar padding};
}

[CAG CheechDogg]

Link to your forums?

[katie hunter]

Hey (: i linked in the first reply ^ here it is:

http://forum.nihonomaru.com/member/ellymate.263627/

[Amaury]

Where do you want it transparent?

[squidsk]

in profile_intro.css make the changes in red:

.intro_block .text {
display:block;
padding: {vb:math {vb:stylevar padding}/2-1} 0;
<vb:comment>
background: {vb:stylevar secondarycontent_background};
</vb:comment>
border: {vb:stylevar secondarycontent_border};
}
}

[katie hunter]

Where do you want it transparent?

In this modification, just like this pic

Like this http://i.imgur.com/diMKCG8.jpg instead of this http://i.imgur.com/vBEYOO5.jpg

in profile_intro.css make the changes in red:

.intro_block .text {
display:block;
padding: {vb:math {vb:stylevar padding}/2-1} 0;
<vb:comment>
background: {vb:stylevar secondarycontent_background};
</vb:comment>
border: {vb:stylevar secondarycontent_border};
}
}

I tried this but it didn't work, still the same result, i see the background round http://forum.nihonomaru.com/member/ellymate.263627/

/* member profile intro */
.intro_block {
display:block;
width: 100%;
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
-moz-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
-webkit-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
margin-bottom: {vb:math {vb:stylevar padding}*2};
}

.intro_block h2 {
font-size:{vb:stylevar secondarycontent_header_font.fontSize}{vb:stylevar secondarycontent_header_font.units};
font-weight:{vb:stylevar secondarycontent_header_font.fontWeight};
color: {vb:stylevar secondarycontent_header_color};
background: {vb:stylevar secondarycontent_header_background};
border: {vb:stylevar secondarycontent_header_border};
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}

.intro_block h2 span {
display:block;
padding: {vb:math {vb:stylevar padding}/2-1} 0;
padding-{vb:stylevar left}: {vb:stylevar padding};
}

.intro_block .text {
display:block;
padding: {vb:math {vb:stylevar padding}/2-1} 0;
<vb:comment>
background: {vb:stylevar secondarycontent_background};
</vb:comment>
border: {vb:stylevar secondarycontent_border};
}

.intro_block .text.noborder {
border-top: 0;
}

.intro_block .text p {
padding: {vb:stylevar padding};
}

[Max Taxable]

I tried this but it didn't work, still the same result, i see the background round Clear browser cache.

[katie hunter]

Clear browser cache.


I did it on both FF and Chrome, but still the same, it is a white background, not transparent.

--------------- Added 25 Oct 2013 at 04:38 ---------------

It works if i just removed this line in red, but it doesn' t look quite right.. because it makes the title bar also transparent. I tried to change the color so it is not white, but this line is not working color: {vb:stylevar secondarycontent_header_color};

.intro_block h2 {
font-size:{vb:stylevar secondarycontent_header_font.fontSize}{vb:stylevar secondarycontent_header_font.units};
font-weight:{vb:stylevar secondarycontent_header_font.fontWeight};
color: {vb:stylevar secondarycontent_header_color};
background: {vb:stylevar secondarycontent_header_background};
border: {vb:stylevar secondarycontent_header_border};
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}

--------------- Added 1382705532 at 1382705532 ---------------

in profile_intro.css make the changes in red:

.intro_block .text {
display:block;
padding: {vb:math {vb:stylevar padding}/2-1} 0;
<vb:comment>
background: {vb:stylevar secondarycontent_background};
</vb:comment>
border: {vb:stylevar secondarycontent_border};
}
}

This was right :) i needed to clean the site cache