Masonry Test

This is a test of our soc posts shortcode using Masonry CSS.

Add this to Custom CSS

.soc-post {
border: 1px solid #eee;
padding: 10px;
box-shadow: 0 3px 2px rgba(0,0,0,.02);

.soc-post:hover { -webkit-box-shadow: 0 -2px 38px 0 rgba(0,0,0,0.05);
box-shadow: 0 -2px 38px 0 rgba(0,0,0,0.05)

Use this shortcode

[soc_posts columns="3" num_posts="9" style="2" date_meta="0"]


Social Media Icons In Primary Menu

I helped a customer today who wanted to put Social Media icons into his primary menu inside header.   There are a few ways to do this, but here’s the solution I chose. 1. Add the Code Snippets plugin. 2. Add this code into a PHP snippet set to front end activation. This hooks the […]

How to change background on one menu item in navbar

Here’s a brief tutorial on how to make one WordPress page menu item have a different background color from the rest, and change color on hover: Full disclosure this is the first time I’ve asked ChatGPT to just write a tutorial for me. Step 1: Add a Custom CSS Class to the Menu Item Go […]

Fixing PHP Fatal error: Uncaught Error: with on line 4

It came to my attention this week that versions of Socrates 5.029 and below, installed prior to May 2018 are causing fatal php errors and breaking sites using the latest version of PHP 8. QUICK FIXES BELOW I apologize for the issue and have some quick fixes to resolve below, however,¬† I want to explain […]

Adding Custom Font to Advanced Editor Tools (TinyMCE)

I had a customer mention that the Font dropdown in the Advanced Editor Tools Plugin doesn’t match his chosen font in Socrates Theme. This is because our default font for the visual editor is set in the file /css/editor-style.css If you’re using this plugin and wish to match the editor font, you’ll need to edit […]

How to Fix Elementor Header Conflict

It came to my attention that if you use an Elementor Footer, but not an Elementor Header with Socrates page templates it causes my theme’s header to disappear. While it’s easy to create virtually any Elementor look using Socrates shortcodes and the customizer I recognize is very popular. So I tested this and noticed that […]

Hosting Google Fonts Locally for GDPR Compliance

We’ve had a couple questions¬† about GDPR compliance for Google Fonts. If you’re not aware, German Courts recently ruled that using Google Fonts violates GDPR. So if your site has visitors from the EU and you wish to use Google Fonts you should either. 1. Use Google Fonts Locally 2. Have a really strong cookie […]

How To Make A Single Post Full Width

If you want to change your blog archive and post layout to full width you can do that in the customizer. Appearance > Customize > Layout > Blog Layout > Full Content – No Sidebar However, if you want to make just the blog post full width, and keep the sidebar for the Arcive you […]

How to change the header search background color

Here’s the CSS that controls the header search background. It’s uses an Opacity of 0.1 of a white background to give some transparency with darker background color options. So if you want to make the search box pop out more on dark background try changing the Opacity first. Like this from 0.1 to 0.5. If […]

How to Add Menu Separators to Our Themes

If you want to put a vertical separator between your menu items try using this custom css. Change color hexcode as needed.