Hi all,
I have a question as to how the CSS is read. I thought it would be like most css programs, but am coming across issues.
For instance:
<div class="exhibit-item">
<?php echo exhibit_builder_exhibit_display_item(array('imageSize'=>'fullsize'), array('class'=>'permalink')); ?>
</div>
with a css of
.exhibit-item {
float:left;
width: 48%;
margin-bottom:2%;
}
will show me the image like in image-list-left.
but, if I change the css name to exhibit-item-over, things go wonky.
Even if I keep the css the same.
.exhibit-item-over {
float:left;
width: 48%;
margin-bottom:2%;
}
calling exhibit-item-over will not react the same as calling exhibit-item. Instead, the image will show up at 100$ width.
If I take float:left;
out and try to put in relative positioning so that I can have one image overlap another, well, it gets even wonkier.
What am I missing? I have created a layout with two images and one text and can't figure out why the css is not working the way I expect.