Tiaan
|
Hi Guys.
Does anyone have an idea how I can change the background colors of the left and right columns ?
Thanx for an awesome product ! 
|
| |
Garry
|
Artisteer inserts following module positions in templates:
http://www.artisteer.com/?p=help_joomla
You can change the background color in Artsiteer while designing templates or editing the css after exporting
|
| |
Nance
|
Hello Garry and anyone else,
I have not been able to find a good answer for this. I want to change the entire right column to a certain color, so that the color doesn't just stop at the end of the last module on the page.
Does anyone know how (either in Artisteer or Joomla) to make it so that the entire right column can be one color, so that no matter how long or short the page is, the right color will extend all the way?
Thanks.
|
| |
Garry
|
You need to do it manually creating a block on your page for your sidebar, then with css you can assign it a color of your choice but you can't do it Artisteer or Joomla
|
| |
John
|
If you already have a block for the sidebar and you have added a background color for it, how do you make the column fill the entire height of the page and not just stop after the last sidebar module?
|
| |
Garry
|
@ John
You should try height:100% for that block in your style sheet
|
| |
John
|
Quote Garry:
@ John
You should try height:100% for that block in your style sheet
Thanks Garry. I think I tried that, but it still only fills the background up to the point where the modules in the sidebar end and not the full height of the main portion of the page. If I have more content in the main body of the page, then the column background color will still be restricted to the height of the content in the sidebars. Here is the portion of my css file that controls that. any help would be greatly appreciated.
/* begin LayoutCell */
.contentLayout .sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 177px;
height: 100%;
background-color: #CACAB8;
}
/* end LayoutCell */
/* begin LayoutCell */
.contentLayout .content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 535px;
}
.contentLayout .content-sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 712px;
}
.contentLayout .content-sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 712px;
}
.contentLayout .content-wide
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 889px;
}
/* end LayoutCell */
/* begin LayoutCell */
.contentLayout .sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 177px;
height: 100%;
background-color: #CACAB8;
}
/* end LayoutCell */
.contentLayout li
{
float: none;
}
table.moduletable th
{
font-size: 140%;
padding: .5em 0em;
}
#footer
{
text-align: center;
}
.breadcrumbs
{
display: block;
padding: .7em 0em;
}
.contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate
{
font-size: 75%;
padding-bottom: 1em;
}
.column_separator
{
padding-left: .4em;
}
.pagination span
{
padding: 2px;
}
.pagination a
{
padding: 2px;
}
div.offline
{
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}
span.pathway
{
display: block;
margin: 0 20px;
height: 16px;
line-height: 16px;
overflow: hidden;
}
|
| |
Garry
|
You may like to post your website URL here
|
| |
John
|
Quote Garry:
You may like to post your website URL here
Sorry, I had just set it up locally on my laptop using Xampp. Here is a link to what I have so far.
http://tqctestserver.com/wakeforestdowntown/
Thanks for any help.
|
| |