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