When I change a panel's layout (for example from Two Column to Two Column Stacked) the arrow image (go-right.png) on the subsequent layout screen is 100% of the page. It should be a 16 x 16 pixel image. I'm having trouble finding where to style this image. It seems to be buried between 2 layout-icon divs.

<div class="change-layout-display clearfix">
<div class="layout-icon">
<img title="" alt="Two column" src="http://localhost/beep/sites/all/modules/panels/plugins/layouts/twocol/twocol.png" typeof="foaf:Image">
<div class="caption">Two column</div>
</div>
<img alt="" src="http://localhost/beep/sites/all/modules/panels/images/go-right.png" typeof="foaf:Image">
<div class="layout-icon">
<img title="" alt="Two column bricks" src="http://localhost/beep/sites/all/modules/panels/plugins/layouts/twocol_bricks/twocol_bricks.png" typeof="foaf:Image">
<div class="caption">Two column bricks</div>
</div>
</div>

Any help is appreciated. Thanks.

CommentFileSizeAuthor
panels-layout.png288.91 KBstanb

Comments

jpamental’s picture

jpamental commented

I'd add something like:

.change-layout-display img {
     width: auto;
}

That will catch an img (the icons) inside that block, so even the ones not wrapped in a 'layout-icon'.

stanb’s picture

stanb commented

Jason,

Thanks. That worked perfectly!

Stan

jpamental’s picture

jpamental commented
Status: Active » Closed (fixed)