Widget Size
URL to the page in question:
http://
-
I expanded the front image on the page to 1200 (i believe) after following one of your support tickets, I want to match the widgets to that same size, is that possible?
Hey Carl,
It should be possible to change that height to match. Can I see the site so I can send over the correct instructions?
Bill
Thanks for the link. It looks like the widget panel is already the size of the larger size (see attached screenshot). I thought you were looking for how to make the overlay panel the same height as the new larger slideshow. Are you looking for something else?
Stupid image didn’t attach. Here’s what I’m seeing:
sorry, check now. It is below that picture frame
Hey Carl,
You can make that area larger. Add this to your Custom CSS:
@media only screen and (min-width: 1250px) {
.lower-sidebar {
width: 1200px;
padding: 0;
margin: 30px auto;
}
.lower-sidebar aside {
width: 286px;
margin: 17px;
}
}
What that won’t do though is make the widgets wider. To do that, you’ll need to edit the custom-js.php file and remove this section:
// Masonry
jQuery(function(){
var $jcontainer = jQuery('.lower-sidebar');
$jcontainer.imagesLoaded( function(){
$jcontainer.masonry({
columnWidth: 320,
itemSelector: '.widget'
});
});
var $pod = jQuery('ul.podcast-list');
$pod.imagesLoaded( function(){
$pod.masonry({
columnWidth: 480,
itemSelector: 'li.podcast'
});
});
});
which applies masonry to the widgets there so they’ll line up nicely if they different heights. Once that’s turned off you can use the width and margin in the snippet above to change the width and spacing of the widgets for the larger screen size.
Take care,
Bill
- The topic ‘Widget Size’ is closed to new replies.