How to change the number of circles in one row

Did you resolve this?

Hi Andrew!

Nope! Just downloaded the CSS plugin you talked about in another post though.

I tried various variations of this:

.blog #content article:nth-of-type(3n + 1) {
clear: left;
}

but it still leaves two circles out instead of having them in a neat block.

Do you happen to have any other solutions I could try? ??

To clarify, how many circles do you want per row and at which screen size?

Hi Andrew I’m a newbie here.. dont know much about codes, but is it possible to have more rows? I need more than just two. Not sure why the Arrow to the next page is on the left side. But i would rather have more rows than arrow to go to the next page.

thanks!

Hi,

Go to settings > reading and change the ‘blog page show at most’ to whatever number you want.

That will change how many appear on each page.

To change how many appear in a row you need to go to:

appearance > editor > and within the Stylesheet.css (which should be loaded automatically) search for this set of code:

.hentry {
float: left;
margin: 10px;
padding: 0;
position: relative;
width: 180px;
height: 180px;

simply change the 180 to whatever size, smaller or larger, until your desired amount of circles appear.

Thank you d4funky1 ! I have been trying to figure this out for a while. Worked perfectly ??

Hi,

I also try to change the number of circles per row.
In the CSS, it says that you can add your code directly on this white sheet. I don’t see the original style sheet so I can’t look for this set of code and change it :

.hentry {
float: left;
margin: 10px;
padding: 0;
position: relative;
width: 180px;
height: 180px;

How can I solve this problem?
Thanks ??