Reducing Slideshow Size in Choices?

4 posts from 3 voices

• Started 10 months ago by bobbeach
• Latest reply from Devin
• This topic is resolved

Tags:

No tags yet.

1. 

   bobbeach
   Member

   I'm enjoying working with the theme - superb feature set and in general pretty clear instructions - but there a couple of things I'd like to change.

   For my frontpage I've got the slideshow at full size - I just find it a bit too dominant. Is there any way I could reduce it by 10%?

   Under the slideshow I have a call to action. Is there any way to change the button color? I don't want to change the color globally, just that one button.

   Please bear in mind that while I'm quite happy to edit the php files, I don't actually understand what any of it means - so nice, clear instructions with actual code would help!

   Thanks
   Bob

   Posted 10 months ago #
2. 

   Dude
   Dude

   Yes, you can adjust the image/slideshow sizes in functions.php - search for following code and adjust the height parameter as required:

   $avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);						// small preview pics eg sidebar news
   $avia_config['imgSize']['slider_thumb'] 		= array('width'=>70,  'height'=>50);						// slideshow preview pics
   $avia_config['imgSize']['fullsize'] 		 	= array('width'=>930, 'height'=>930, 'crop'=>false);		// big images for lightbox and portfolio single entries
   $avia_config['imgSize']['featured'] 		 	= array('width'=>990, 'height'=>400 );						// images for fullsize pages and fullsize slider
   $avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 ,'copy'=>'greyscale');	// images for portfolio entries (2,3 column)
   $avia_config['imgSize']['portfolio_small'] 		= array('width'=>241, 'height'=>179 ,'copy'=>'greyscale');	// images for portfolio 4 columns
   $avia_config['imgSize']['logo'] 		 		= array('width'=>446, 'height'=>218 ,'copy'=>'greyscale');	// images for dynamic logo/partner element
   
   //dynamic columns
   $avia_config['imgSize']['dynamic_1'] 		 	= array('width'=>446, 'height'=>150);						// images for 2/4 (aka 1/2) dynamic portfolio columns when using 3 columns
   $avia_config['imgSize']['dynamic_2'] 		 	= array('width'=>609, 'height'=>208);						// images for 2/3 dynamic portfolio columns
   $avia_config['imgSize']['dynamic_3'] 		 	= array('width'=>688, 'height'=>150);						// images for 3/4 dynamic portfolio columns

   Afterwards regenerate the images with: http://wordpress.org/extend/plugins/regenerate-thumbnails/

   2) Can you post a link please. I need to investigate the button code with firebug.

   Posted 10 months ago #
3. 

   bobbeach
   Member

   Thanks for the slider info. Link for the button is: http://bed-and-breakfast-marketing.com/home

   Please bear in mind it's a work in progress - currently I'm showing the bog as the homepage while I build content.

   Bob

   Posted 10 months ago #
4. 

   Devin
   Moderator

   Hi Bob,

   Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
   

   #top.page-id-395 .callout.hero-text .big_button {
   background-color: #ccc000;
   color: #fff;
   border-color: #ccc000;
   }

   When you have everything on the proper home page, you can use the following to restrict it to the home page since the above is targeted at that specific page id.

   #top.home .callout.hero-text .big_button {
   background-color: #ccc000;
   color: #fff;
   border-color: #ccc000;
   }

   Regards,

   Devin

   Posted 10 months ago #

RSS feed for this topic

Reply

You must log in to post.