Full screen-width widgets on home page

[Dusan Pavlik]

Hello,
I have one questions:
Is possible set for home page full screen-width widget? Full screen-width i can do only with “connect box widget” (two widgets next to each other). Is is possible use for full screen-width other widget/s ?

Your shop is built on our Kerygma theme (http://www.organizedthemes.com) and there is full screen content.
I am not sure if it is possible with “clean” (not modified) kerygma theme.

Thank you.

Attachments:

1. 

   full_screen.png
   

[Bill Robbins]

It is possible to make your widgets full width on the home page. Here’s how to make them all full width:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   #home-widgets .widget {
   	width: 100%;
   }
   

3. Update your settings.

---

If you want to make only some widgets full width, you would use this instead:

#home-widgets .widget.welcome {
	width: 100%;
}

In this case the .welcome is the class of the widget we’re looking to change. That would change the welcome widget to make it full width. You could do the same thing to the contact widget with this:

#home-widgets .widget.organizedthemes-contact {
	width: 100%;
}

If you need help tracking down a particular widget, send over the URL to your site and let me know which widget you’re wanting to change and I’ll let you know about it specifically.

Thanks,
Bill

[Dusan Pavlik]

Hello,
Thank you it works fine 🙂

[Bill Robbins]

Fantastic. If you need anything else let me know.

[Author]

Posts