Page 1 of 1

Make article background transparent.

Posted: Mon Nov 12, 2012 9:27 am
by Fresnobob
How can i make a normal white article background transparent or even better make a template background 4 my articles.

Re: Make article background transparent.

Posted: Mon Nov 12, 2012 6:21 pm
by Markstein
A link to the site along with a more information on what you would like to accomplish may help others help you! ;)

Mark

Re: Make article background transparent.

Posted: Mon Nov 12, 2012 9:02 pm
by Fresnobob
Markstein wrote:A link to the site along with a more information on what you would like to accomplish may help others help you! ;)

Mark
Hi Mark

The site is on a local server for now.
In all my articles there is a plain white background.
I would like to make this background transparent or just have the wrapper as the background.

regards

Fresno bob

Re: Make article background transparent.

Posted: Tue Nov 13, 2012 8:05 am
by Markstein
Have a look at using Firebug to inspect the background and see where the CSS coding is you would need to change. Or if it is an image you may have to adjust the image in a graphics program or remove it within the CSS.

http://docs.joomla.org/Using_Firebug_Wi ... la_Website

What template are you using? Is there a link to a demo of it online?

Mark

Re: Make article background transparent.

Posted: Tue Nov 13, 2012 9:38 am
by Fresnobob
Markstein wrote:Have a look at using Firebug to inspect the background and see where the CSS coding is you would need to change. Or if it is an image you may have to adjust the image in a graphics program or remove it within the CSS.

http://docs.joomla.org/Using_Firebug_Wi ... la_Website

What template are you using? Is there a link to a demo of it online?

Mark

here you go...http://www.rockettheme.com/joomla-templates/metropolis

Re: Make article background transparent.

Posted: Tue Nov 13, 2012 5:30 pm
by Markstein
You'll notice in the attached screenshot Firebug shows what you will need to edit within your stylesheets. It will also show you the location, however on their demo site they have caching on and therefore leads to a php file instead of the relevant CSS file that would need to be changed. You will need to disable caching temporarily if you have it on.

Note that making this change could possibly lead to having to alter other areas as well. If you go to the "Typography" page on the demo site and change the #FFFFFF in the screenshot to transparent you will see what I mean.

Mark