Image Widget

[Vince Williams]

Hello,

I have the Image widget for the front page under the main images. I have no title and would like to just have an image in each area. Is there a way to take out the small orange strip at the top of the box? Take a look here:http://www.newlifeconnect.com/Test1/

Thanks
Vince

[Bill Robbins]

Vince,

Good question. The orange border is actually the background from the widget title. Most widgets will leave the entire title out if you leave the title blank, but some don’t. Here’s how to take away the orange from the image widgets:

1. Go to the theme options page and select the styling tab.
2. At the top of the styling tab, select “yes” to include custom styling.
3. Scroll down to the box for “Custom CSS” and paste this:

   
   .widget_sp_image .widget-title {
   	visibility: hidden;
   }
   

4. Save your changes.

That will remove the orange for you.

If you have any questions, let me know,
Bill

[Vince Williams]

Awesome! Worked great! I notice there is a box or border around each of those 3 images? Is there a way to get rid of that? I think I would like to see what it looks like with just the 3 images that we put down there.

[Bill Robbins]

You can do that too. Here’s the code to take away the background, border and shadow:

.widget.widget_sp_image {
	background: transparent !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none) !important;
	border: none !important;
}

[Author]

Posts