This coded solution for the Authority Pro child theme by StudioPress, enables you to move the home page image before the title and text on mobile screens rather than the default which shows the image after the content.
The code enables you to change the position of any element when in different columns in any container using CSS.
Shows the home page image in the first section moved to display before the intro text on mobiles.
Tested using the Authority Pro child theme by StudioPress however will work in any theme by changing the selector classes to match for the container and columns 1 and 2.
There’s only 1 step :
Copy and paste the CSS to the end of your Authority Pro child themes style.css file and clear caching.
Create a custom field named single_image and add the link for your image to the value field like this :
If you want to use ACF to add your image, import the file named 72894-acf.json using the ACF plugins > Custom Fields > Tools > Import field.
You’ll also need to remove or comment out the code on line 29 of image-functions.php and uncomment the code on line 41. This option allows you to use the Customize > Theme Settings > Content Archive > Featured Image Size settings to select the single-featured-image size like you see in this screenshot :
A member of the Genesis community recently sent this message :
I am reading your posts and they are great, here you have a new member on January 1st, if I subscribe now I forget about Christmas 🙂 I’m trying to create the post on the front page as copyblogger.com does. I love it, do you think you can do a tutorial of those? If you tell me if I subscribe tomorrow. Thank you
Here’s what you can do using the Genesis Sample child theme to replicate how Copyblogger.com display posts on their front page :
The download package includes CSS for media queries so each entry displays in a single column on smaller screens, as seen in the following demo video :
This tutorial provides the steps to modify the code so you can conditionally remove the social menu from specific pages in Authority Pro.
Based on this question from a member of the Genesis community :
I need to conditionally remove / hide the Social Menu (along left hand side of page) for a specific page. The conditional argument is no problem, however I cannot find the hook for the social menu and the do_action argument for the social menu.
This tutorial removes the hero portrait Image setting from the Authority Pro settings in the customizer and adds a hero video setting enabling you to upload a video, select a video from the media library or add a externally hosted video link.
You can also add a thumbnail image which is displayed like a video poster with a play button overlaying the image as seen in the following demo video.
Step 1 : Upload the file named replicant.php to the Authority Pro themes root directory and select the template named Front Page Replicant from the templates drop down menu i n the Page Attributes box on any Edit Page screen.
Step 2 : Upload the file named heros.php to the Authority Pro themes root directory.
Step 3 : Copy & paste the PHP code from the functions file to the end of the Authority Pro themes functions.php file.
Step 4 : Copy & paste the CSS from the style-front.css file inside the css folder to the Authority Pro themes style-front.css file and clear caching.
You’ll then need to add content for the template using the instructions below for registered users.
This tutorial provides the code which enables you to display featured images on single pages exactly the same as they’re displayed on single posts when using the Authority Pro child theme by StudioPress.
There’s 3 steps :
Step 1 : Go to authority-pro > lib > featured-images.php and modify line 44 like this :
Step 1 : From the download folder, copy & paste the PHP code from the functions.php file to the end of the Authority Pro themes functions file.
Step 2 : From the download folder, upload the folder named custom-js to the Authority pro themes root directory.
Step 3 : From the download folder, upload the modified version of the front-page.php file to the Authority Pro themes root directory replacing the default front-page.php file. This file is commented showing exactly where the custom code has been added.
You can then add default images to the Authority Pro themes images folder and replace them via the customizer.
Register or login to access the download folder for members :
Do you know if there’s an easy way to make the front page widget areas on the new Authority Pro theme full-width. Currently they’re limited to 1280px. I’d like to have full-width backgrounds on each of those front page widget area.
And here’s the result showing a background color added to the front page 1 widget area which displays full width of the screen at all screen widths :
Here’s the CSS you simply paste at the end of the Authority Pro themes style.css file.
This code enables you to display the hero section from the front page of the Authority Pro theme to any inside pages or posts. Simply use a conditional tag in the code to control exactly where it displays.
The Authority Pro theme is the latest in a range of nearly 100 themes included in the Pro Plus package by StudioPress themes.