Codes

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 […]

Continue Reading

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 […]

Continue Reading

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 […]

Continue Reading

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 […]

Continue Reading

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 […]

Continue Reading

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.

Continue Reading

How to Add Social Media Icons To Header Area

This is a trick to add social media icons to the header area of Socrates (not Speaker Theme).  You can see it on this post in header area (because I’m using Widget visibility). Copy this Social Icon shortcode Goto Appearance > Widgets and Drag a Custom HTML Widget to the Header Widget Area. Paste the […]

Continue Reading

How To Create A Sticky Header

I had a customer ask me how to create a sticky header in Socrates. While we had sticky navigation in old versions of WordPress it was not used much at all. So I didn’t add to Socrates 5. You’d want to use a child theme for this customization so the changes won’t get overwritten and […]

Continue Reading
leadgenform

How To Create A Contact Form Banner

Here’s how I created the Contact Form LeadGen form inside the masthead banner shown in the featured image. I’m using Contact Form 7 and some custom code to generate the look. This should give you some ideas of how you can use the Top Banner Widget for local marketing leadgen sites. 1. Insert this code […]

Continue Reading

Masthead Area Call To Action

I wanted to share the code I have on my own site so you can see how easy it is to add a big call to action area to either Socrates or Speaker Theme. In Socrates drag a “Custom html” widget into the Top Banner Widget Area and paste this code. In the Speaker Theme […]

Continue Reading