Change color on circles and increase # of circles to 5 per row

I’m not sure you will be able to see the new theme with my link …. I was actually able to use a plugin to have a ‘test drive’ HUGE for me to figure out ??

As for your last question

Lastly, how do I use pictures instead of word for circles if eventually I wanted to change it?

I’m very new to wordpress so this may not be the right way but for what worked for me is if you want an image to appear on the home page (inside the circle) rather then the title, just add a “featured image” (bottom right when you’re creating/editing the post in wordpress). That way the image will show up on the home page but does not seem to show up in the actual post. Does that do what you’re looking for?

Everyone can feel free to correct me if that’s not the right way to go about it but it worked for me so I thought I would answer in case it helped!

You can change the color of the circles (ones without images) within a child theme by targeting the following classes and setting a new background-color and/or opacity:

.hentry.no-thumbnail,
.hentry.no-thumbnail:hover

And you can change the number of circles displayed by going to Settings -> Reading and changing the posts per page setting.

Beginner here.., just to clarify, does this mean changing these values in style.css ?

What about for opacity/transparency?

And, do I have to make a child theme for this to work? I tried just changing the values in the stylesheet to test it out, but nothing happened…

Yes, you should use a child theme or a Custom CSS plugin like Jetpack. You would copy the rules you want to change from the parent theme’s style.css, into your child theme’s style.css or the plugin, then change them how you like. You can change opacity by changing the opacity property on any selectors you want to change.

But the above selector will only change the colors for those posts that have no featured image assigned — if you have featured images assigned to your posts, the above code won’t work. The easiest way to tell what selectors to change is to use a plugin like Firebug to Inspect your site and view the code.

If you have further questions, please post a new topic since I’m not clear on exactly what you want to change. Thanks!