huy ALL
is it possible to modify the position and number of circles to appear in a row.
e.g two circles in first row (in the middle)
three in the row below (divided into equal distances)
huy ALL
is it possible to modify the position and number of circles to appear in a row.
e.g two circles in first row (in the middle)
three in the row below (divided into equal distances)
What do you mean by divided into equal distances?
i want it to appear like this
http://postimg.org/image/ivaoqd0n1/
If the pattern is going to be consistent you can do this in CSS, e.g:
/* Choose which circles will start on new line */
.hentry:nth-of-type(2),
.hentry:nth-of-type(4),
.hentry:nth-of-type(7){
clear: left;
}
/* Add the margin to space them out */
/* E.g the measurements for 1st row of 1 circle */
.hentry:nth-of-type(1) {
margin: 0 33.5% 5%;
}
/* E.g the measurements for 2nd row of 2 circles */
.hentry:nth-of-type(2),
.hentry:nth-of-type(3) {
margin: 0 5% 0 15%;
}
/* E.g the measurements for 3rd row of 3 circles */
.hentry:nth-of-type(4),
.hentry:nth-of-type(5),
.hentry:nth-of-type(6) {
margin: 5% 6% 0 5%;
}
You probably want to put that in a media query too so that the mobile version doesn't get messed up.
ok let me try.
This topic has been closed to new replies.