Joomla Templates Club 406,261 posts

[mariajcasal Friend mariajcasalJoin date: October 2011Posts: 6Downloads:0Uploads:0]

#176484

Hello, i am developing a website: http://www.destinopiriapolis.com
and i want to use some modules without background or borders.
example: in the right column i have a component showing the currencies, but i dont want to show the white background.
the same for some images i want to put in the left or right column, but without any borders or background, just the image.
how can i do that? i´ve been looking for the answer in the forums but didnt find any help.
thank you very much

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#450267

<em>@mariajcasal 316090 wrote:</em><blockquote>Hello, i am developing a website: http://www.destinopiriapolis.com
and i want to use some modules without background or borders.
example: in the right column i have a component showing the currencies, but i dont want to show the white background.
the same for some images i want to put in the left or right column, but without any borders or background, just the image.
how can i do that? i´ve been looking for the answer in the forums but didnt find any help.
thank you very much</blockquote>
Hi,
You go to Template manager,choose JA Portfolio template, then change CSS Optomize fieds to NO, so I can check how and where to customize for you.

[mariajcasal Friend mariajcasalJoin date: October 2011Posts: 6Downloads:0Uploads:0]

#450329

hi,
ok, its done.
i changed the “optimize css” field to no.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#450337

<em>@mariajcasal 316241 wrote:</em><blockquote>hi,
ok, its done.
i changed the “optimize css” field to no.</blockquote>
You find this code from /templates/ja_portfolio/css/template.css

div.ja-moduletable, div.moduletable {
margin-top: 5px;
margin-bottom: 10px;
padding: 0;
background: url(../images/grad-l1.gif) repeat-x bottom white; < change this line
border: 1px solid #DEDEDE; < change this line
}

[mariajcasal Friend mariajcasalJoin date: October 2011Posts: 6Downloads:0Uploads:0]

#450379

thanks, i did it but it affects all modules, and i dont want the left menu to be transparent.
is there a way to customize some modules only?
another question: when i change the line you mentioned, the background desapeared, but i still see the borders. what would be the code i have to enter to not see the background nor the borders?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#450545

<em>@mariajcasal 316307 wrote:</em><blockquote>thanks, i did it but it affects all modules, and i dont want the left menu to be transparent.
is there a way to customize some modules only?
another question: when i change the line you mentioned, the background desapeared, but i still see the borders. what would be the code i have to enter to not see the background nor the borders?</blockquote>
You edit module that you want to transparent, you set its Module Class Suffix is transparent. And you add the code into /templates/your-template/css/template.css

div.moduletable.transparent {
background: transparent;
border: transparent;
}

[Author]

Posts