- Posts: 103
- Thank you received: 1
Left/Right columns with background and margin
-
joa
Inactive member -
Topic Author
- Member
-
Less
More
11 years 11 months ago #28994
by joa
Left/Right columns with background and margin was created by joa
I'd like to add behind every item (module etc.) which I locate either to left or right columns (e.g. left-top or left) a background image which automaticall adapts its size to the length of the article or module etc.. There should be also a margin between the individual modules (on top or on the bottome.
What would be the code for example for .column_left?
Thx
What would be the code for example for .column_left?
Thx
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 11 months ago #29009
by ivan.milic
Replied by ivan.milic on topic Left/Right columns with background and margin
You can use background image but note that background size property is css3 and not supported by old browsers.
So you add
.column_left{
background-color: transparent;
background-image:url(...path to image...);
background-repeat:no-repeat;
background-size:cover;
}
you would add that to bottom of template_css.css
So you add
.column_left{
background-color: transparent;
background-image:url(...path to image...);
background-repeat:no-repeat;
background-size:cover;
}
you would add that to bottom of template_css.css
Please Log in to join the conversation.
-
joa
Inactive member -
Topic Author
- Member
-
Less
More
- Posts: 103
- Thank you received: 1
11 years 11 months ago - 11 years 11 months ago #29026
by joa
Replied by joa on topic Left/Right columns with background and margin
Thx, but I can't see a margin letting the background shining through between both modules on the left (MBLZ... & DBBL News)
What do I need to add here in order to "differentiate in two two separate blocks, currently it just merges block below block.
joomla.bcmarburg.de
What do I need to add here in order to "differentiate in two two separate blocks, currently it just merges block below block.
joomla.bcmarburg.de
Last edit: 11 years 11 months ago by joa.
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 11 months ago #29033
by ivan.milic
Replied by ivan.milic on topic Left/Right columns with background and margin
then use module class suffix with first blank char like " mymodule1"
then css would be:
.mymodule1{
background-color: transparent;
background-image:url(...path to image...);
background-repeat:no-repeat;
background-size:cover;
}
then css would be:
.mymodule1{
background-color: transparent;
background-image:url(...path to image...);
background-repeat:no-repeat;
background-size:cover;
}
Please Log in to join the conversation.
-
joa
Inactive member -
Topic Author
- Member
-
Less
More
- Posts: 103
- Thank you received: 1
11 years 11 months ago #29049
by joa
Replied by joa on topic Left/Right columns with background and margin
Thx but the background is still across the articles according to its size. I need a margin between the module blocks. So I added margin-bottom:5px; as last line in .mymodule1 in template_css.css but nothing changed?
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 11 months ago #29057
by ivan.milic
Replied by ivan.milic on topic Left/Right columns with background and margin
can you illustrate somehow what you want also link to page would be good
Please Log in to join the conversation.
Time to create page: 0.091 seconds