Joomla Templates Club 406,261 posts

[amaliskas Friend amaliskasJoin date: October 2010Posts: 37Downloads:0Uploads:0]

#162770

If I add an image to an article, how do I make this image transparent? Should it be in png format? I appreciate our feedback.

Thank you!

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#386317

yes you can use png or trasparent GIFs. But GIF tend to have problems in IE browser, so best to use png fils.

[amaliskas Friend amaliskasJoin date: October 2010Posts: 37Downloads:0Uploads:0]

#386780

I have saved the file as a ping. It appears transparent although it has a while border around it. How do I remove this white border.

Thank you!

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#386783

Can you please post site url?

[amaliskas Friend amaliskasJoin date: October 2010Posts: 37Downloads:0Uploads:0]

#386784

http://www.dariendisposalservice.com/index.php?option=com_content&view=article&id=65&Itemid=86

[amaliskas Friend amaliskasJoin date: October 2010Posts: 37Downloads:0Uploads:0]

#386786

I would also like to make the image under Single Stream Recycling transparent. It also appears with a white border and a different colored background.

Really appreciate your response.

Thank you!

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#386789

Hi

darienpic6.png this image have border style. You can remove the border from templates/ja_ruby/css/colors/city.css line 27
Change <blockquote>img {
background: none repeat scroll 0 0 #F2FCD8;
border: 1px solid #FFFFFF;
}</blockquote>

to <blockquote>img {
background: none repeat scroll 0 0 #F2FCD8;
border: 0px;
}</blockquote>

Under Single Stream Recycling, I could only see the bullet number background image (The green circle). I am not sure if you want to change that image or any other image. Please clarify.

[amaliskas Friend amaliskasJoin date: October 2010Posts: 37Downloads:0Uploads:0]

#386792

No, I am referring to the images on top of each page i.e. Single Stream Recyling, Pay Online and Residential Trash Colleciton. I would like to make all these images transparent. I tried changing the Single Stream Recylcing image, but it still has that white box.

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#386793

Hi,

These images also have border styling. Please change the code as I have given in the last post and check the images..

[amaliskas Friend amaliskasJoin date: October 2010Posts: 37Downloads:0Uploads:0]

#386795

I cannot seem to follow the path to the css templates/ja_ruby/css/colors/city.css line 27. I do not see this .css file. Am I missing something?

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#386803

When I inspected the site, it showed me that the city.css is being applied to the template, which is located at templates/ja_ruby/css/colors/ According to my inspection, the code I asked you to change to remove the white border is written on line 27 in the city.css

Just to be clear, you are using JA Ruby template, right?

[amaliskas Friend amaliskasJoin date: October 2010Posts: 37Downloads:0Uploads:0]

#386917

If I go to templates/ja_ruby/css…….I do not see colors. Do I edit the template.css file?

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#386947

ok then you can find <blockquote>img {
background: none repeat scroll 0 0 #E5E5E5;
margin: 0;
padding: 4px;
}</blockquote>

and add <blockquote>border:0px !important;</blockquote> in it.

[amaliskas Friend amaliskasJoin date: October 2010Posts: 37Downloads:0Uploads:0]

#387419

Thank you. The border line was removed. Now how to I make the top small images transparent and remove the borders. I really appreciate your help!

[amaliskas Friend amaliskasJoin date: October 2010Posts: 37Downloads:0Uploads:0]

#390274

Please could you help me make the smaller images on my page transparent. It is the smaller ones at the top of the page.
http://www.dariendisposalservice.com.

Thank you!

[Author]

Posts