Joomla Templates Club 406,261 posts

[heritage123 Friend heritage123Join date: June 2014Posts: 23Downloads:0Uploads:7 Thanks: 2]

#200296

Is it possible to split one of the feature positions into two or more positions, such as the position-1, position-2 or footer-1, footer-2 etc.

I need to place two modules side by side in the same area where features is diaplayed, but the template does not seem to allow me to do that.

Thanks

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

#544832

If you add a module class suffix to a module (in Advanced Options on module edit screen),
you can then style it using CSS.

For Example:
Add “-mysuffix” as a Module Class Suffix to both modules.


.custom-mysuffix {
width:50%;
float:left;
}

This would set them to 50% of the width of their parent and they would also be side by side.

It is important to note that if you wanted to add margin or padding (as these divs would be right next to each other with no gap), then you couldn’t set them both to 50% as the margin and padding would add to the width.

If you are using a fixed width template, then calculate what 50% would be and then subtract your left/right margin/padding. For example if using 960px:


.custom-mysuffix {
width:440px;
padding:20px;
float:left;
}

960px / 2 = 480px – (20px left padding + 20px right padding) = 440px

Hope this helps.

[Author]

Posts