Joomla Templates Club 406,261 posts

[colnaghiart68 Friend colnaghiart68Join date: March 2013Posts: 9Downloads:0Uploads:0]

#188057

I would like to personalize the behaviour of slideshow position. Specifically I would like that when I add another module (e.g. news roller) in this position the two modules (slideshow+news roller) are showed inline side by side.
I suppose that I have to intervent in the css but I don’t know in which and how to.
Please could you give me a help?

Thank you in advance
Giulio

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#495153

Depending on the size of the container in which you are wanting to publish your modules . . .

1. You can float them all left, making sure its widths and paddings fit on the container.
– for example:


#module1 {
width: 580px;
height:auto;
float: left;
}

#module2 {
width: 270px;
height:auto;
float:left;
}

or

2. You can use a “display: inline-block” property – making sure to fit your widths and paddings on the container
– for example:


div .module-container {
height:53px;
width:100%;
position:fixed;
}
div .module-container div .module-left {
display: inline-block;
width:32%;
height:31px;
}
div .module-container div .module-right {
display: inline-block;
width:32%;
height:31px;
}
div .module-container div .module-center {
display: inline-block;
margin:0 auto;
height:31px;
width:32%;
}​

[colnaghiart68 Friend colnaghiart68Join date: March 2013Posts: 9Downloads:0Uploads:0]

#495193

I’ll try.
Thanks Tom.

[Author]

Posts