Column instead of grid

You will need a custom css editor. Sometimes they are included with your them. If not, I use the Simple Custom CSS plugin. If necessary, adjust the below width to your satisfaction.

copy and paste the code below
.thumbnailblock {

width: 170px!important;
}

end copy and paste

If the column is centering and you don’t want it to center,

copy and paste the code below
.thumbnailblock {
float:left;
width: 170px!important;
}

end copy and paste

Let me know if that doesn’t resolve your issue!

Hi.

I’m having the same issues and the above code didn’t work to resolve the issues.

I do have the Simple Custom plugin installed and the above code didn’t work for me either. Just so I’m clear (since I’m new to this…) I paste the following on my page and it should work?

[thumbnailgrid cat=’5′]

.thumbnailblock {

width: 170px!important;
}

The same didn’t work for me either, @marjolaine12

Hi Marjolaine12 and lechicbynadia,

I am sorry if I wasn’t clear. You should not paste the style into your page. This will not work.

You would need to paste the code that follows using a custom CSS plugin to change the style. This is special code used to allow the appearance of an element on a web page.

Although your theme may have a customization option to add custom CSS, I use a plugin called Simple Custom CSS plugin. (https://www.ads-software.com/plugins/simple-custom-css/)

You should add this to your WordPress installation. The best way to do this is by clicking on “Plugins”, “Add New” and searching for “Simple Custom CSS Plugin”.

Once this plugin is installed, you will see a new option under “Appearance” for “Custom Css”. Choose this option, enter the below pasted code and click on the Save button.

.thumbnailblock {

width: 170px!important;
}

Let me know if this is not clear and I will try to find a more visual way to represent this for you.

Hi Adrian, I had tried the above before and it didn’t work, hence why I was confused as to where to put the code! I tried it again but all it does is make the column move to the left from the center. Still no grid. Could it be that the Simple Custom CSS doesn’t work with my theme? I’m using Geraldine theme.

Thanks for your quick response btw, really appreciated!

Sure,

Can you give me a link to your site so that I can see what the issue is? Oh, never mind. I see it above.

Ok, it’s possible that the custom css doesn’t work with your theme because I don’t see the change. It’s more likely that there was an error when you pasted it. It looks like I need to update the style sheet but if you can’t wait for a couple of days,

Try the below in the custom css. Make sure that you include the period before thumbnailgridcontainer.

.thumbnailgridcontainer
{
width:100%!important;
}

It worked! Thank you so so much for your help, so appreciated!