[andytc]

You would create a file with your working code and name it - archive-trucks.php - then place that file into your child themes root directory.

If the CPT archive isn't showing any 'content' from the wordpress editor and it's just the custom fields only , you probably want to remove the standard loop and replace it with your own custom loop.

If you just want to add the ACF fields to existing post content , for example below the post or above it , then there's no need for a full custom archive , you could just add the fields with a conditional in functions.php

Can't help much more as you haven't provided any info on how you expect this archive to look or how the fields should be laid out , repeater fields etc. You'd need to show a basic image mock up and an explanation of how you expect it look.

If you can do that you might get more useful help.

[andytc]

You can achieve just about anything with Genesis , there is a lot of great code available that will allow you modify any child theme or simply create your own custom theme starting from scratch with the Genesis Sample theme.

I built this from scratch using Genesis and Zerb Foundation 5 as a child theme with minimal plugins -

Beach Club Theme

[andytc]

Maybe this will help -

https://css-tricks.com/automatic-table-of-contents/

[andytc]

You’ll need to check over at IDX as this seems to be the problem, I just read a review of that plugin that gives some insight into the way it works. I have no experience with it personally, but I think maybe the issue is with the plugin or the IDX site itself.

“.....to implement things into your site you are going to need to bounce back and forth between your IDX account to configure or create widgets and pages.

There is very little you can do on the WordPress end except access widgets and shortcodes, which again, have to be created over at IDX Broker in your account.”

[andytc]

Is that a plugin to connect to the IDX system?

Have you tried to disable that for a quick test ?

[andytc]

Are you using IDX broker ?

This error viewing the site -

Fatal error: Uncaught Error: Call to undefined function idx_start()

[andytc]

Let us know if that worked for you.

[andytc]

This should work for you with some simple JS added -

<?php

//* Remove the default Genesis loop
remove_action( 'genesis_loop', 'genesis_do_loop' );

//* Add custom genesis loop
add_action( 'genesis_loop', 'hb8_loop' );

function hb8_loop() {

    // WP_Query arguments
    $args = array (
      'post_type'          => array('recension','post' ),
      'posts_per_page'     => '12',
    );

        
    // The Query
    $query = new WP_Query( $args );
        
    // The Loop
    if ( $query->have_posts() ) {

    echo '<div class="hb-grid clearfix">';

        while ( $query->have_posts() ) { $query->the_post();

            if ( in_array($query->current_post, array(0,7), true ) ) {
                
                printf( '<article %s>', genesis_attr( 'entry' ) );
                do_action( 'genesis_entry_header' );
                printf( '<div %s>', genesis_attr( 'entry-content' ) );
                do_action( 'genesis_entry_content' );
                echo '</div>';
                echo '</article>';
            
            }

           else {

                printf( '<article %s>', genesis_attr( 'entry' ) );
                do_action( 'genesis_entry_header' );
                echo '</article>';
            } 
          
        
            }

            echo '</div><!-- end hb-grid-posts -->';
            
    
    } else {
        
        // no posts found
    
    } ?>

 
<script>
// change the number in items [0] ,[7] to match your required post number
jQuery(document).ready(function($) { 
var items = document.getElementsByClassName('entry');
items[0].className += " latest-left";
items[7].className += " latest-right";
}); 
</script> 

<?php } // end hb8_loop

// Restore original Post Data
wp_reset_postdata();

// call genesis
genesis();

Assuming this is not going to be paginated , but as it's the front-page i doubt it will. But if you did want it paginated , i can give you that as well.

This is the front-page.php complete , not including it as a partial , you can edit and adjust for that.

[andytc]

I tried Brads code and it works on the frontpage , which is set to show 'Your latest posts' in settings >> reading , the problem is if you view any other single post or category archive it throws an error as below -

Warning: call_user_func_array() expects parameter 1 to be a valid callback, function 'be_class_on_first_post' not found or invalid function name in C:\Local Develpment\www.genesis-sample.dev.cc\wp-includes\class-wp-hook.php on line 288

Fatal error: Uncaught TypeError: Argument 1 passed to genesis_custom_post_class() must be of the type array, null given, called in C:\Local Develpment\www.genesis-sample.dev.cc\wp-includes\class-wp-hook.php on line 288 and defined in C:\Local Develpment\www.genesis-sample.dev.cc\wp-content\themes\genesis\lib\structure\post.php on line 112

why i do not know , but if i remove -

if ( ! is_front_page() )
    return;

it works , but then we have the code showing on all pages and posts, so back to square one on that.

[andytc]

...Doing a custom loop on the front page

Don't know what's in that custom loop or how you're coding that , so can't help

just for the classes though , play with this edit or incorporate it in your custom loop for 1st and 8th Post -

function be_class_on_first_post( $classes ) {
	global $wp_query;
	$numposts = $wp_query->current_post;

		if ($numposts == 0) {
		    $classes[] = 'latest-left';
		} elseif ($numposts == 7) {
		    $classes[] = 'latest-right';
		} 
	
	return $classes;
}

add_filter( 'post_class', 'be_class_on_first_post' );

[andytc]

Just throwing this out there , If this is just for styling and nothing else , have you considered trying CSS :nth-of-type selectors ?

An example of what could be used on a blog archive -

/*The 1st post*/
.blog .content .post:nth-of-type(1) {
 background: #1da1f2;
 width: 45%;
}

/*The 5th post*/
.blog .content .post:nth-of-type(5) {
 background: #f2b21d;
 width: 45%;
}

Using the PHP code you posted from Bill Erickson 'as is' will add the correct class on the first post only when on an archive page (excerpts) , but it will also add that class to all 'single' posts and 'pages'. Why ? because it's targeting the 1st post and by default on a single post view , that is the only post [0] , so it get's marked as 'first', same with pages which are essentially posts as well. You could add a conditional to stop that happening , but I don't know what the ultimate goal is here with adding the class.

[andytc]

I can see a title and ‘read more’ link on every slide on an iPhone, landscape or portrait orientation. I can’t see an excerpt or any other text content.

The css for these needs some work , and I doubt an excerpt would display very well , I’d consider not showing the slider at all on small devices. I haven’t checked this on a tablet.

[andytc]

In Academy Pro the area you're looking for is a 'Menu Location' named > Footer Menu

Described here - https://my.studiopress.com/documentation/academy-pro-theme/customize-your-theme-settings/menus/

The social links they show in the demo are menu items.

Create a new menu with your links - then select the footer menu as the location.

However , looking at the content you've got , i don't think you'll want to do it this way, but that's how it's achieved in the demo.

[andytc]

What is that you want to achieve with the footer text and links ?

If you tried code from Studiopress and you ended up with a broken site , did you make a mistake and miss this instruction ?

<?php
//* Do NOT include the opening php tag shown above. Copy the code shown below.

[andytc]

Have you tried this plugin ? -

https://en-gb.wordpress.org/plugins/genesis-simple-edits/

This will let you edit the footer without coding.

[andytc]

Because it’s a Modal window it needs to open in front of everything else , so it’s probably using some z-indexing itself , which is affecting the z-indexing of the footer by effectively placing the links behind a layer.
Try and track down the z-indexing on the plugins css , or ask the dev of the plugin if they can help, in case it’s not that at all, but something else. Either way you can be sure it’s the modal window.

[andytc]

Do you have a pop up modal for a form active ?

I noticed when re-instating the missing z-index that the links were no longer working , but when i deleted the code connected to a "CP modal form" , the links work and the footer behaves normally with the correct z-index in place.

So , i'd be looking for the pop-up form as that;s causing the issue as far as i can tell.

Disable the form (pop-up , whatever it is) and test with the correct z-index added.

z-index: -99;

There's nothing wrong with the theme , only the missing z-index , i suspect the original problem was caused by this pop-up and was missed in troubleshooting.

[andytc]

You seem to be missing the z-index from the site footer css , reason unknown ?

Theme demo entry -

/* Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: #000;
	bottom: 0;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1;
	padding-bottom: 40px;
	padding-top: 40px;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: -99;
}

Your site - missing z-index

/* Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: #000;
	bottom: 0;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1;
	padding-bottom: 40px;
	padding-top: 40px;
	position: fixed;
	text-align: center;
	width: 100%;
}

[andytc]

Probably want to get rid of this also -

.sidebar-primary {
 float: right;
 width: 300px;
}

so delete both entries and re-evaluate what you're trying to do with that custom css

[andytc]

You've added some css

.content {
 float: right;
 width: 800px;
}

remove the width

[Author]

Posts