Options for the Grid plug-in

[KennyReff]

Hi there. I have a number of questions concerning The Grid plug-in used on this page:
https://limelightdc.com/portfolio/

• How can I delete the Sort dropdown menu at the top of the page? I only want to show the Category dropdown menu.
• How can I change the color of the font in the Category dropdown menu at the top of the grid? Once I changed the background to a darker blue, they are no longer readable. I’d like the words to be white.
• How can I have the posts appear in an order that I specify. When the sort option is there, one of the options is to have the posts displayed in order of their “ID”. Where is a post’s ID found? Can I manually edit the IDs of posts, and can we instruct the grid to display the posts in ID order. This way, I can control the order they’re displayed in.
• How can I increase the text size of the post body when they’re shown in the grid?
• Can I change the titles so that they’re not all capital letters?
• How can I get rid of the following things that are shown on each post when seen in the grid?
  * The “No Comment” at the bottom left
  * The heart and zero at the bottom right
  * The date at the top
  * The social media icons in the upper left

Lots of questions, but thanks very much!

[ruenel]

Hello Kenny,

Thanks for writing in!

1.) You will have to edit your grid and find the “Filter/Sort Options” tab and remove the sort by:

2.) While editing the grid, find the “Skins” tab. This is where you can change the colors.

3.) You cannot change the ID of each post. Just edit your grid and in the “Source” tab, there is the Ordering option where you can specific the order of the posts displayed in the grid.

4.) Since you are not a register plugin user, the Skin Builder is locked. You just need to use custom CSS to be able to change or override the font size of the post body in the grid. Be advised that custom CSS coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

5.) You can apply a custom CSS “text-transform” property ‘capitalize’ to the titles.

• CSS text-transform property (w3schools.com)

6.) The best option is to use custom CSS again by using display:none property to all of those elements that you do not want to display.

Using your browser’s Development Tool, you can check the live HTML code and find which CSS selector you need to use or what CSS code has been used to style the page or a particular element.

Check out this video demonstration:

Dev Tools demo

Best Regards.

[KennyReff]

Hi Ruenel. Thank you for all the good info. A couple of follow-ups, please…

• I can’t seem to get the posts to sort in an order I define. As you suggested, I am sorting them by specifying a parameter in the Order section of the Source tab of the grid I’m using. I would like to be able to control the order, but without using the title to do so. For instance, there is an order parameter called “By post name (post slug)” that I thought would work. Given its name, I’m assuming this parameter refers to the Slug I give the post (not the title). I’ve built a bunch of test posts, each with an incrementing slug number, ie: 031, 032, etc. But it’s not working to order them properly.

• As a test of ordering the posts, I choose to order by Title Ascending and then changed it to Title Descending. In this test, the order of the posts in the grid does not change at all from one setting to the next.

• As you suggested, I added this code in the Custom CSS window of the grid:
  text-transform: capitalize;
  When I am still in The Grid settings page, if I click Preview on the upper right, the post titles are indeed upper/lower case as they should be with this CSS code. HOWEVER, when I look at the grid on the actual Cornerstone page in which its placed (https://limelightdc.com/portfolio/), the post titles are all capitals. Is there something in Cornerstone that is overriding the CSS setting I placed in The Grid settings page? Also, in addition to having the title in the grid be upper/lower, I would also like the title to be upper/lower when you click on the grid post and go into the post full screen. Will this same CSS code handle that (when it’s working)?

• I have tried to register The Grid using an Envato token, but keep getting an error that says, “An unknown API error occurred from Envato.” Any advice on how to fix this?

Thanks very much, Ruenel.

[marc_a]

Hey Kenny,

Sorry for the confusion, last September 2021, we are no longer supporting the Grid Plugin. That being said, we cannot help you with your question about it, you may need to reach out to Grid plugin support/developer or you may seek 3rd party developers to help you with your problems or you can avail One where we can answer questions outside of the features of our theme.

Thank you for understanding.