• Hello,

    I have added a wordpress gallery to a page where the images appear horizontally accross the page.

    my question is that wordpress goes to 9 and i would like to add say 10 or mor in one row.

    can i add more colums also – the div that contains the images does not grow when i set width to 100% so i have to set 7000px wide which leaves a lot of white space on those galleries with less than 10 images

    cheers

Viewing 10 replies - 1 through 10 (of 10 total)
  • The number of images you can display in a row is controlled by your theme – not WordPress itself.

    Thread Starter jimmyg164

    (@jimmyg164)

    Hi esmi,

    thanks for getting back to me appreciate the help,

    I am using the Gallery Settings withing the gallery to show them in a row.

    how would i over ride this setting

    kind regards

    Your theme is probably over-riding those settings. What theme are you using? Where did you download it from?

    Thread Starter jimmyg164

    (@jimmyg164)

    Hi Esmi

    it is my first attempt at creating my own theme, but even if i change to twentythirteen it has the same galley options

    kind regards

    The 2013 theme over-rides those gallery settings.

    Thread Starter jimmyg164

    (@jimmyg164)

    Hi Esmi,

    I must be missing something then, as when i display above 9 images the go onto a second line even if i make the width 20000 pixels

    thanks

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    Thread Starter jimmyg164

    (@jimmyg164)

    hi esmi

    i get this from firbug image 13 is number 9 in the sequence

    img width="855" height="570" src="http://www.pictii.com/wp-content/uploads/2013/12/8-975x650.jpg" class="attachment-medium" alt="8" />
    </dt></dl><dl class='gallery-item'>
    <dt class='gallery-icon portrait'>
    <img width="569" height="570" src="http://www.pictii.com/wp-content/uploads/2013/12/13-649x650.jpg" class="attachment-medium" alt="13" />
    </dt></dl><br style="clear: both" /><dl class='gallery-item'>
    <dt class='gallery-icon landscape'>
    <img width="570" height="570" src="http://www.pictii.com/wp-content/uploads/2013/12/15-650x650.jpg" class="attachment-medium" alt="15" />
    </dt></dl><dl class='gallery-item'>
    <dt class='gallery-icon landscape'>

    You need to be looking at the CSS.

    Thread Starter jimmyg164

    (@jimmyg164)

    Hi Esmi,

    there is not much css

    .content
    	{
    	position: absolute;
    	font-size: 13px;
    	color: #cccccc;
    	font-family: "Quicksand", Gil Sans, arial, sans-serif;
    	top: 8%;
    	padding-top: 1%;
    	padding-right: 0px;
    	padding-bottom: 0%;
    	padding-left: 225px;
    	height: 81%;
    	min-height: 300px;
    	/*border: 2px solid #333;*/
    	width:	100%;
    
    	}
    .gallery {
    }
    .gallery .gallery-item {
    	float: left;
    	margin-top: 0;
    	/*text-align: center;*/
    	width: 100%;
    	position:relative;
    	/*display: inline-block;*/
    	padding: 0px;
    	display: inline;
    	}
    	.gallery-item {float: left;}
    .gallery-columns-1 .gallery-item { width: auto; }
    .gallery-columns-2 .gallery-item { width: auto;}
    .gallery-columns-3 .gallery-item { width: auto; }
    .gallery-columns-4 .gallery-item { width: auto; }
    .gallery-columns-5 .gallery-item { width: auto;}
    .gallery-columns-6 .gallery-item { width: auto; }
    .gallery-columns-7 .gallery-item { width: auto; }
    .gallery-columns-8 .gallery-item { width: auto; }
    .gallery-columns-9 .gallery-item { width: auto;}
    .gallery-columns-10 .gallery-item { width: auto;}
    .gallery-columns-11 .gallery-item { width: auto;}
    .gallery-columns-12 .gallery-item { width: auto;}
    .gallery-columns-13 .gallery-item { width: auto;}
    .gallery-columns-14 .gallery-item { width: auto;}
    .gallery-columns-15 .gallery-item { width: auto;}
    .gallery img {
    	/*box-shadow: 0px 0px 4px #999;*/
    	/*border: 1px solid white;*/
    	padding: 0px;
    	background: #f2f2f2;
    	/*width: 100%;*/
    	/*height: 100%;*/
    	/*float: left;*/
    	/*display: inline-block;
    	position:relative;
    	display: inline-block;*/
    }
    .gallery img:hover {
    	background: white;
    }
    .gallery .gallery-caption {
    	color: #888;
    	font-size: 12px;
    	margin: 0 0 12px;
    }
    .gallery dl, .gallery dt { margin: 0; }
    .gallery br+br { display: none; }
Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘wordpress Gallery’ is closed to new replies.