Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Montezuma Theme (http://forum.bytesforall.com/forumdisplay.php?f=53)
-   -   [SOLVED] Showing pictures side by side (http://forum.bytesforall.com/showthread.php?t=19406)

JanSkinnerup Jan 21, 2013 04:30 PM

[SOLVED] Showing pictures side by side
 
Hi there,

I have just installed the Montezuma theme as it looks really awesome.

I do however seem to have a problem with pictures/images. For some reason it seems that the theme itself decided that pictures can NOT be placed side by side?

An example can be found here:
http://www.jan-skinnerup.dk/barcelona-2012/

In other themes the 3 thumbnail pictures within the post itself would be displayed next to each other - but here they are on top of each other.

The same goes for the 5 social media icons in the sidebare. Used to be side by side... now, not so much.

I can't seem to find where in the templates/CSS it does this. So any help would be appreciated.

Thanks :-)

juggledad Jan 21, 2013 05:19 PM

if you use a gallery, it works fine. for example
HTML Code:

<div id='gallery-1' class='gallery galleryid-555 gallery-columns-3 gallery-size-thumbnail'>
        <figure><a href='http://mydomain.com/?attachment_id=613' title='image_1'>
                <img width="150" height="150" src="http://mydomain.com/wp-content/uploads/2011/01/image_1-150x150.jpg" class="attachment-thumbnail" alt="dsc20050315_145007_132" />
                <span></span></a><span></span>
        </figure>
        <figure><a href='http://mydomain.com/?attachment_id=616' title='image_2'>
                <img width="150" height="150" src="http://mydomain.com/wp-content/uploads/2011/01/image_2-150x150.jpg" class="attachment-thumbnail" alt="dsc20050727_091048_222" />
                <span></span></a><span></span>
        </figure>
        <figure><a href='http://mydomain.com/?attachment_id=617' title='image_3'>
                <img width="150" height="150" src="http://mydomain.com/wp-content/uploads/2011/01/image_3-150x150.jpg" class="attachment-thumbnail" alt="dsc20050813_115856_52" />
                <span></span></a><span></span>
        </figure>
</div>


JanSkinnerup Jan 22, 2013 01:42 AM

Thanks for the input juggledad.
However, that would mean I have to change all me posts... I'd rather not have to do that ;-)

Also. If I click on one of the pictures to open it up, the small navigation icons below are also not displayed next to each other?

I take it this behaviour is defined somewhere either in a template or a CCS?

juggledad Jan 22, 2013 04:55 AM

as it stands, you have your three images just in <a....> tags that has a class of 'shutterset_2211'. You are going to have to play with CSS to see what you can do with that. You might look at the CSS from the theme that uses 'figure' for some ideas

lmilesw Jan 22, 2013 06:38 AM

You could set the img CSS to display:inline

JanSkinnerup Jan 23, 2013 12:02 PM

Thanks for the hints... I finally found where to change it :-)


All times are GMT -6. The time now is 03:51 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.