Plugin Author
Scott
(@scottsweb)
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://wordpress.org/plugins/simple-custom-css/screenshots/
Hi Scott,
Similar situation to the request above. WordPress.org 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
Plugin Author
Scott
(@scottsweb)
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://wordpress.org/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):
http://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.
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:
http://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.
Plugin Author
Scott
(@scottsweb)
Add:
.instagram-pics li {
clear: none;
}
To your existing .instagram-pics li CSS.
it still appears as 1 column…
Plugin Author
Scott
(@scottsweb)
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: http://webdesign.tutsplus.com/tutorials/the-best-way-to-learn-css–webdesign-11906
Problem solved.Thanks for your help.
