Putting Two Widgets next to each other in a zone

Topics: Customizing Orchard
Nov 30, 2011 at 5:17 PM

Hi,

 

I have two widgets which are Facebook like and Google+. When I try to use them with Contoso theme in HomeFeaturedHeadline they appear one under another (you can check it here: http://inferta-usa.com/). How to make them appear next to each other? In other words - on one line?

 

Thank you very much!

Nov 30, 2011 at 5:30 PM

Use CSS float:left.

Nov 30, 2011 at 5:53 PM

Thanks for the advice, just to clarify b/c i am not a web/mvc developer: do I need to make changes in the Site.css? And if yes for what element?

 

Appreciate your help!

Nov 30, 2011 at 7:27 PM

You should probably install Firebug (or use the built-in developer tools in other browsers) so you can see what class names to target for the elements you're after. And additionally, read up on some basic CSS tutorials to understand how to do this.

You can change the Site.css but if you're using a ready-built theme, it's recommended to make the changes in an override theme rather than alter existing files. See the OrchardProject.net documentation for information about developing themes.