Home>Support>“Buckets” for image/icon + text + link/button on homepage…

“Buckets” for image/icon + text + link/button on homepage…

Is there a plugin/widget that would easily allow me to create “buckets” (for lack of a better term) on my home page with a image/icon + text + link/button format…?

I want the main banner image, then have 3 or 4 “buckets” underneath.

Below are a few examples. They don’t have to be exact, but should give you an idea of what I’m trying to accomplish.

– http://www.rackspace.co.uk
– http://www.parallels.com/products/hosting-cloud-automation-platforms/
– http://www.intermedia.net/
– http://www.cisco.com/c/en/us/index.html
– http://mozy.com/#slide-5

Does this make sense…?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 2 months ago Fernando Caicedo Albarello

    If you’re talking about the slider, this plugin may do the work: http://wordpress.org/plugins/smart-slider-2/screenshots/
    If you’re talking about the 3/4 column image->title->text->button, create each column following that same sequence, then duplicate each element and put them in the next column.

    Hope this help.

  2. 8 years, 2 months ago anthonyv9

    Thanks, Fernando.

    I was hoping to find a plugin/widget that could (more or less) duplicate the simplicity and functionality of the Circle Icon Widget… pick an icon / image, add title, add text, add url, etc… and then done.

  3. 8 years, 2 months ago Andrew Misplon Hi, I Work Here

    HI guys

    For now our Circle Icon widget is unfortunately the closest we can come to that. Within the widget are many settings that allow you to customise it. For example if you want to use your own icons you can do so by listing the url of your icon in the Background Image field. Additionally you can add this to Appearnace > Custom CSS to change the text and link colors:

    /* Circle Icon Heading Color */
    .widget_circleicon-widget .circle-icon-box h4 {
    color: #3b3b3b !important;
    /* Circle Icon Text Color */
    .widget_circleicon-widget .circle-icon-box p.text {
    color: #5e5e5e !important;
    /* Circle Icon More Link */
    .widget_circleicon-widget .circle-icon-box a.more-button {
    color: #3b3b3b !important;
    .widget_circleicon-widget .circle-icon-box a.more-button:hover {
    color: #dd3333 !important;
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More