David
|
A trendy design I often see is where you have different background colors in a single page where each background color is often used to describe different topic/issues. I don't know if I explained this well enough but an example of what I mean can be seen in this site http://bigdropinc.com
Thus, how do one achieve this with joomla?
Thanks in advance.
David
|
| |
James G
|
Hey David, I assume you mean something like this?
https://drive.google.com/file/d/0B-n77YpTPCd2dGM3NGtiTHYzSlU/view?usp=sharing
Which artisteer version are you using?
|
| |
James G
|
oops, I was responding to full slider but since we are here create a few
classes like this and insert at bottom of css file.
.color1 {
background:#000000;
}
.color2 {
background: #FFFFFF;
}
.color3 {
background:#EEE;
}
Then in joomla for a module, go to the module class suffix and insert a leading space color2
If you want to use the colors in a column simply add the class. Here are a few examples.
<div class="color1">Hello</div>
or
<p class="color1">Hello</p>
|
| |
David
|
@James M
Thanks for the reply, I am using artisteer 4.1 and what I want is exactly as dipicted in the URL you gave i.e. https://drive.google.com/file/d/0B-n77YpTPCd2dGM3NGtiTHYzSlU/view
How do I put a slide-show there
Appreciate your time.
|
| |
David
|
In response to the background colors, How do I make those background stretch to the page width?
Thanks
|
| |
James G
|
It's been a while since I used 4.1. I'm not sure it has the feature your looking for with the slider.
4.3 has it and only takes 3 seconds to achieve.
With the slider on your example site, you can change positions of the slider.
https://drive.google.com/file/d/0B-n77YpTPCd2c2FPRk1zaGozdlU/view?usp=sharing
As you can see I've moved the slider up and made it larger with the header/menu in place. The header is an image so I can't make it transparent.
As for the colors to go full width of the screen you will have to alter the HTML.
Sounds like you are wanting a full page section type template or better know as a one page template.
|
| |
David
|
I really thank you for your time in clarification. Most appreciated.
David
|
| |
David
|
Ok. So I added a module to the "Header" position using Artisteer 4.1 (it has the feature).
The problem is, the module aligned to the left and not the entire page. My header from the design is stretched to the page width. What am I doing wrong?
Thanks
|
| |
David
|
Also, the slideshow covers the horizontal menu as well as the company logo, thereby not making them visible As you can also see from the below URL, when the screen in zoomed, the slide show does not cover the page width, it is aligned to the left.
http://benyfildesign.com/images/Picture1.png
|
| |
James G
|
Do you have a url to site or are you local server?
|
| |
David
|
Its on a local server.
|
| |