Show Two Columns

Hi
If you can provide a link to your site I should be able to make some CSS suggestions for you. You can add custom CSS to your site easily with a plugin:

https://www.ads-software.com/plugins/simple-custom-css/screenshots/

Hi Scott,

Similar situation to the request above. www.ads-software.com is very new to me and coding is a foreign language. My pictures are showing up fairly large and in one long column.

My website isn’t “live” yet but I’m using the SimpleMag Theme – I don’t know if that will help you.

Is this something you can help me with?

Greatly appreciate it!
-Kayt

Hi Kayt
Without seeing the site it will be tricky but not impossible.

First you will need to add some custom CSS to your theme. It is probably best not to edit the CSS of actual theme in case it gets upgraded in future. I recommend installing a plugin:

https://www.ads-software.com/plugins/simple-custom-css/screenshots/

Or if you use the Jetpack plugin, that has a custom CSS module as well (so no need to install another plugin):

https://jetpack.me/support/custom-css/

You would then add some CSS to the plugin via your WordPress settings in wp-admin. Something like:

.instagram-pics li {
   float: left;
   width: 50%;
}

That *should* be enough to do it. Depending on your theme it may need a bit more tweaking.

Resolving this issue.

Hi I have the same issue. I’m new to CSS but I tried playing around with it and still no luck.

My blog site is:
https://www.holistic-paradise.com/

I want the the instagram posts to appear in a box of 2 rows x 2 columns
or 3 columns x 3 rows.

please assist.

Add:

.instagram-pics li {
   clear: none;
}

To your existing .instagram-pics li CSS.

it still appears as 1 column…

Looks like you have been changing more CSS and moved further away from the result you need.

Here is it working for me: https://cloudup.com/c44qPwFJF-9

I recommend learning some CSS: https://webdesign.tutsplus.com/tutorials/the-best-way-to-learn-css–webdesign-11906

Problem solved.Thanks for your help.