This Elementor tutorial is in two formats. Watch the video or scroll down for the text and images. In this Elementor Tutorial we’ll build a page like this… This Elementor tutorial is for WordPress. So I’m assuming you already have a WordPress website, you will also need… Elementor (free version) Fullwidth Page Templates ( free plugin) Make …
Customization Options for Genesis Newbies: An archive listing page.
Customization of the Genesis Framework and Genesis child themes doesn't have to be rocket science. Genesis is designed to be customizable from the ground up. You can do an awful lot with just a little bit of code. But what if you don't want to use any more code than you have to? If you want to build your own inner pages that look like the front page, the easiest solution is Beaver Builder lite. If you want to edit the CSS of your site the premium plugins Design Palette Pro or CSS Hero are good choices.
Customization of the Genesis Framework and Genesis child themes doesn’t have to be rocket science. Genesis is designed to be customizable from the ground up. You can do an awful lot with just a little bit of code. But what if you don’t want to use any more code than you have to? If you want to build your own inner pages that look like the front page, the easiest solution is Beaver Builder lite. If you want to edit the CSS of your site the premium plugins Design Palette Pro or CSS Hero are good choices.
Genesis Dambuster plugin basic settings
Genesis Dambuster plugin makes your page full width and removes selected elements from your page, such as the post title or the navbar. The important facts… Your page can only span the width of the theme you’re using. If you’re using a boxed theme, Genesis Dambuster will NOT make your pages span the whole browser …
Beaver Builder Tutorial – The Basics
Beaver Builder links There are two versions of the Beaver Builder plugin and there is a Beaver Builder theme. Free Plugin | Premium Plugin (with loads of extras) I’ve made a set of Beaver Builder demo pages and some more tutorials on GenesisUser.com The Layout Grid: Beaver Builder tutorial step one The first step in …
Genesis CSS learn how to tweak and customize your site
Genesis CSS: in a nut shell… Genesis CSS Tweaks By tweaking simple Genesis CSS code in an off-the-peg theme you can get a bespoke looking theme for not much more than an off-the-peg price. I’ve built a website that goes into detail explaining what I mean… Find Out More Using Genesis CSS I tweaked this …
Sticky Header or Menu in Genesis
Adding a sticky header or menu in Genesis using the plugin: Sticky Menu (or Anything!) on Scroll The Problem If you have a long scrolling page you might worry that users will not want to scroll back to the navbar at the top of the page. And if they can’t see your navbar they could …
Changing the color scheme of Altitude Pro, Magazine Pro and Parallax Pro themes
We’ll be using a simple copy and paste code snippet. Click here to download the code. This is important! Please only do this if you know what you are doing. AND only do this after you have made a full backup of your site. Just in case you break something.Editing code can be dangerous!!! Update! …
Customizing the WordPress Query
Using the WordPress loop to display just one category on the home page In this tutorial we set the home page to display our latest posts. Then we use a code snippet, provided by Bill Erickson (WordPress developer), to force the home page to only display posts from one category. Only do this if you’ve …
Genesis themes – How to customize News, Lifestyle and other WordPress themes.
Style selector | Theme images On page | Hyperlinks | Nav bar link colour | Title colour Many StudioPress and Genesis themes have a built in colour style selector. This means you can change the colour of your site with just a few clicks. .When Genesis themes have this option you can find it in …