wordpress Gallery

The number of images you can display in a row is controlled by your theme – not WordPress itself.

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?

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.

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.

hi esmi

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

img width="855" height="570" src="https://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="https://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="https://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.

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; }