Using Background Images in Umami

[Rashel Feldman]

Dear Bill,

I am building another site using Umami. This time, it is for a small school. We’ve just had professional images taken and now I want to use them throughout the website. I am struggling to use them as background images for two reasons:

1. No matter how I resize them, the images are always stretched from the right to left margins. I would like them to start farther to the right margin so that the Navigation menu stays black in color.

2. I cannot seem to get the Gallery settings to work so that I can insert a slide show on some of my pages. Do you have a favorite plug-in or trick for accomplishing this?

Thanks,

Rashel

[Bill Robbins]

Hi Rashel,

The background images are designed to be the full size of the browser. You may be able to move them over so they don’t go under the sidebar. Here’s how I would try that:

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

   
   @media only screen and (min-width: 768px) {
   
   	#supersized {
   		left: 300px;
   		right: 0;
   	}
   
   }
   

3. Update your settings.

No promises that will work, but it’s worth a shot.

---

Are you trying to add a slideshow in the content of a page, or in the background?

Bill

[Rashel Feldman]

It worked! Thank you,

Rashel

[Author]

Posts