Left/Right columns with background and margin

  • joa
    Inactive member
  • Topic Author
  • Member
  • Member
More
11 years 11 months ago #28994 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

Please Log in to join the conversation.

More
11 years 11 months ago #29009 by ivan.milic
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

Please Log in to join the conversation.

  • joa
    Inactive member
  • Topic Author
  • Member
  • Member
More
11 years 11 months ago - 11 years 11 months ago #29026 by joa
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
Last edit: 11 years 11 months ago by joa.

Please Log in to join the conversation.

More
11 years 11 months ago #29033 by ivan.milic
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;
}

Please Log in to join the conversation.

  • joa
    Inactive member
  • Topic Author
  • Member
  • Member
More
11 years 11 months ago #29049 by joa
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.

More
11 years 11 months ago #29057 by ivan.milic
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.174 seconds
Powered by Kunena Forum