Blank Spots on Home page menu

[Jim Crandall]

Hi,

I was wondering if there is a way to insert images into the blank spots that form on the two-column home page menu. Please check out my layout on the link provided.

[Bill Robbins]

Good Morning Jim,

Interesting question there. Really the only option would be to add in a background image to that widget. You could fix it to be in the bottom left corner of the widget which would place it in the empty space. Here’s how to do that:

1. Choose an image you’d like to use and upload it to your WordPress site by going to the Media section and selecting Add New.
2. Once the upload is complete, click the edit link. On the screen that opens up you’ll find the file URL to that image. We’ll need that in just a minute.
3. Go to the Theme Options page and select the Advanced tab.
4. Scroll down to the Custom CSS box and paste this:

   
   @media only screen and (min-width: 1024px) {
   	
   	aside#menu-group-block-1 {
   		background-image: url(https://yoursite.com/image.jpg);
   		background-repeat: no-repeat;
   		background-position: bottom left;
   	}
   	
   }
   

5. Replace the http://yoursite.com/image.jpg with the URL to your image from earlier.
6. Update your settings.

That should add in a background image to that spot. I set it in a media query for screens that are 1024 pixels wide or larger since things change when the browser window is smaller than that.

Let me know if you have any questions or trouble,
Bill

[Author]

Posts