Public Forums 71,145 posts

[sirbogoff Friend sirbogoffJoin date: March 2015Posts: 80Downloads:4Uploads:15 Thanks: 31 Thanked: 1 times in 1 posts]

#205366

I am trying to figure out how to make the banner background transparent? I tried the code bellow in my custom.css file but it did not seem to make any difference. Obviously I am doing some thing wrong. Any help would be gratefully appreciated.

.corporate .slideshow {
background: none repeat scroll 0% 0% rgba(247, 247, 247, 0);
border-bottom: 0px solid #EEE
padding: 40px 0px;}

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#566148

Try adding an opacity property to the CSS rule (see below links for info/examples)

https://css-tricks.com/snippets/css/transparent-background-images/

http://www.htmlgoodies.com/html5/css/how-to-use-transparent-images-with-css3.html

http://www.formget.com/css-background-opacity/

[sirbogoff Friend sirbogoffJoin date: March 2015Posts: 80Downloads:4Uploads:15 Thanks: 31 Thanked: 1 times in 1 posts]

#566153

Not really what I need as this is making the whole banner including the image transparent. I just want the background transparent not the image.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#566157

Is the banner image separate/apart from the background image?

[sirbogoff Friend sirbogoffJoin date: March 2015Posts: 80Downloads:4Uploads:15 Thanks: 31 Thanked: 1 times in 1 posts]

#566160

Yes. It is in a module.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#566162

Could you, perhaps, throw together a screenshot mockup of exactly what it is you are wanting to accomplish?
(i.e. how you want things to look/display)

[sirbogoff Friend sirbogoffJoin date: March 2015Posts: 80Downloads:4Uploads:15 Thanks: 31 Thanked: 1 times in 1 posts]

#566168

Like this but I need the text that you can hardly see to be visible as well.. Thanks.

---

Attachments:

1. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#566569

Hi @sirbogoff,

Please open file root_folder/templates/purity_iii/css/custom.css then add this code :

.t3-wrapper.corporate .slideshow {
background: none;
}

1 user says Thank You to Adam M for this useful post

1. sirbogoff

[sirbogoff Friend sirbogoffJoin date: March 2015Posts: 80Downloads:4Uploads:15 Thanks: 31 Thanked: 1 times in 1 posts]

#572232

That worked thanks.

[sirbogoff Friend sirbogoffJoin date: March 2015Posts: 80Downloads:4Uploads:15 Thanks: 31 Thanked: 1 times in 1 posts]

#737272

That worked thanks.

[Author]

Posts