In September 2021, Real Geeks (RG) came out with a new website theme called, Anna. This is how RG describes it:
Migrating to Anna means a more modern look and feel for your website, faster page loading speeds, and increased SEO and SEM optimization!
To interact with the Anna Design Template, click here.
One of the things we really like about Anna is the grid layout when looking at homes for sale.
We were, however, disappointed to see that it only shows 3 homes across and the imagery of the listings is so large. In our opinion (and many other platforms), it is better to show more homes so it gives the users more selection without having to scroll.
This is why we took it into our own hands and created code to alter the grid layout to show 4 homes across instead of 3.
Doesn’t that look better!?
If you have Anna and would like to add the enhancement to your website, just follow these steps:
Step 1
Log into your Real Geeks Website
Step 2
Click on Footers under the Content section
Step 3
Click on the main footer you use on your website
Step 4
Click on the Source code button in the content area to bring up the Source code
Step 5
Paste the below into the source code
<style>
@media (min-width: 1440px) {
#listings .xl\:grid-cols-3 {
grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}
}
#listings {
margin: 0 auto !important;
}
</style>
Step 6
Press “Ok” and click “Save”.
You have now successfully added the enhancement to your website!