[Plugin: CataBlog] Making 2 or 3 columns

Hi zigglepig, can you post here the exact code you used for the columns. And can you post your website URL as well thank you.

Kind regards

Hi
On my style.css for the main template I added this

// try a number below 50% if you don’t want to change padding, margin or borders.
html body .catablog-catalog .catablog-row {
float: left;
width: 47%;
}

My site is https://www.shamrock-media.com

Also I have added 4 photos to Racing and 8 to landscapes but on the landscape page I only see 4 photos and previous and next doesnt work its greyed out how do I get it to show all the photos?. Should I open a seperate post for that?

Thanks

Hi zigglepig, did you follow the tutorial? See the following code:

// try a number below 50% if you don't want to change padding, margin or borders.
html body .catablog-catalog .catablog-row {
  float: left;
  width: 47%;
}

// we set the padding, margin and border to none so we can set the width to 50%
html body .catablog-catalog .catablog-row {
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
  border: 0 none;
}

// we set the width below 50% to accommodate for the padding
// 50% = (width + left-padding + right-padding)
html body .catablog-catalog .catablog-row {
  float: left;
  width: 48%;
  padding: 1%;
  margin: 0;
  border: 0 none;
}

// each column will be 222 pixels wide since margin, padding and border have both left and right.
// (width + left-padding + right-padding + left-margin + right-margin + left-border + right-border)
html body .catablog-catalog .catablog-row {
  float: left;
  width: 200px;
  padding: 5px;
  margin: 5px;
  border: 1px black solid;
}

Try the above and let me know how you went.

Kind regards

I thought I would mention this as well!

If you are going to start editing your theme style, if you have not already done so create a child theme. It is always best to work with a child theme.

Then add the one of the css style options mentioned above to your style.css theme file.

Hi

I have added all the above code directly to the theme css I made a copy before I did it so all is good but still I have only 1 column and still only 4 images show.

Thanks

Hi which template are you using? Can you also post here the code you are adding to the page or post?

I had a look through you style.css file and could not find any css code as posted above. Are you using a child theme?

Kind regards

Hi

The template for the site its self is Minimatica I have added the code you posted above to the bottom of the style.css

On the landscapes page I have just this

[catablog_gallery id=”205″]

and on the horse racing page I have

[catablog_gallery id=”207″]

So it should be using the default template I have no limits set anywhere so expected it to list all photos in both the horses gallery and the landscapes gallery I have 5 photos and 8 photos respectivly.

I also notice that I have the word previous which is not active on both pages but no next and with the code you posted it doesnt seem to be overiding the single column.

Thanks

Hi, I have added the following code to my style.css on my child theme.

html body .catablog-catalog .catablog-row {
  float: left;
  width: 30%;
  padding: 1%;
  margin: 0;
  border: 0 none;
}

If you view my test site you will see 3 columns. I wanted to see whether the code did work so I decided to add 3 columns.

I had a look at you style.css file and I could not find the code you said you added above.

The short code I am using is

[catablog_gallery id=”57″ limit=”6″]

If I add any kind of limit to the short code I am getting an error of no such gallery id. Would it be possible for me to give you my log into the admin so you can what I have done please?

Thanks

Yes you can, click on my URL and submit the info through my website.

Kind regards

Ok removed all the other code and entered your 3 column code and that is now working but still have the issue its only showing 4 images instead of all of them. Is there something I should be putting in the default template to get the rest to show?
Thank you so much for getting the colums to work.

Make sure that all the images belong to the same gallery. You might need to select all the images and reassign them to the gallery.

Have sent you the login

thank you

You have 13 items, some are horses and some are land photos. How would you like me to set it up?