Public Forums 71,145 posts

[terokankaanpera Friend terokankaanperaJoin date: October 2011Posts: 6Downloads:4Uploads:2]

#169456

I would like to assign different colourscheme to each of the topsl/botsl positions (user1-5 and user6-10) so that they would form a seemless rainbow or swatches. Looking at the code thru Firebug seems to indicate that the left and right one can be distinguished but the three at the middle can’t. The standard way of using module class suffix doesn’t cut it since I can’t make it look seemless. Is there a way to achieve this?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#417801

Hi
Would you mind give me your website URL and screenshot as explain ?
Thank you
Viet Vu

[terokankaanpera Friend terokankaanperaJoin date: October 2011Posts: 6Downloads:4Uploads:2]

#417833

It’s my personal site, but I’m working on it on a home LAMP so it’s not accessible from internet. But I’ll try to explain more. JA_T3_Blank has module positions user1, user2, user3, user4 and user5 inside topsl-block and user6, user7, user8, user9 and user10 inside botsl-block. You can always create colorschemes in CSS and assign them to module by setting corresponding Module class suffix to the module in Joomla Module manager. Say I want to have user1 red background, user2 orange, user3 green, user4 blue and user5 purple. I want them to look seemless so that there is no space between the colors. Red pixels next to orange ones and orange ones next to green ones and so on. (Ok, maybe 1px vertical line in between but no more.) Also I want it from the bottom of the menu above to the top of the main content area below. If I do this via Module class suffices I can achieve this but because of the nested divs there is always whitespace between the mainnavigation bottom line and color and color and topsl bottom line. This solution also adheres the color to the module instead of the fixed position. The latter is what I’m after because I want to repeat the exatly same down in botsl block with same colors and order. The structure of topsl starts with div “ja-topsl”, inside it is div.main, inside that div.main-inner1 clearfix and the the five divs dividing the block to modules. These divs are classed ja-box column ja-box-left, ja-box column ja-box-center (x3) and ja-box column ja-box-right. Inside these are the divs that I can target with Module class suffices (user1-user5). My understanding is that I would need to target the ja-box column divs to get what I want with the colorscheme. The problem is, they are not singularly identifiable out of the box. The left and right one are, but the three in the middle aren’t. So how do I go about doing this?
There’s a quick mockup of what I’m getting at attached.

---

Attachments:

1. 

[Author]

Posts