Decrease slider size

[Flames Of Revival Ministries]

Hi Bill,

Thank you for the instructions on how to update the theme.
It works fine but there are still a few things here and there that need fixing like the slider size.

More than a year ago you sent me the following codes (https://gist.github.com/2257281) to decrease the slider size. However I am not quite sure if I can still use it.
I’d like the slider on the homepage to have this size: width=420 and height=370

In advance thank you for your help.

Regards,
Mibéka

[Bill Robbins]

Good Morning Mibéka,

You can make the slideshow that size. Here’s how:

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

   
   .home-media {
   	width: 420px;
   }
   
   .home-sidebar {
   	width: 510px;
   }
   
   @media only screen and (min-width: 768px) and (max-width: 1023px) {
   
   	.home-media {
   		width: 420px;
   		float: left;
   	}
   	
   	.home-sidebar {
   		width: 308px;
   	}
   
   }
   
   @media only screen and (max-width: 767px) {
   
   	.home-media {
   		width: auto;
   		max-width: 420px;
   		float: none;
   		margin-left: auto;
   		margin-right: auto;
   	}
   	
   	.home-sidebar {
   		width: auto;
   		margin-left: auto;
   		margin-right: auto;
   	}
   
   }
   

3. Update your settings.

If you run into any questions or trouble, let me know.

Enjoy your day,
Bill

[Flames Of Revival Ministries]

That was quite quick! It works fine!
Thank you Bill.

[Bill Robbins]

I was just about to head out to lunch so you caught me a just the perfect time. Let me know if you have any other questions.

Take care,
Bill

[Author]

Posts