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"]

 

How to add an Author Box to your posts

My themes don’t have an author box by default.¬† There are plugin that will install Author boxes, but when a customer asked me about adding an author box I thought I’d take a few minutes to make a solution.. Here’s what outputs and you have complete control of design. Here’s a way you can create […]

How to create a floating jumplink menu widget

I was making a documentation page for my new plugin and I thought a floating jumplink widget with Accordion Menu would work really well. See Demo Here It was surprisingly easy to do. Step 1: Use the Div Element shortcode to create jump ID’s for each section and use the Left Sidebar Template of one […]

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 widget.social.php 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 […]