[Olivia SParticipant]

I was using Renew and trying to recreate an Ethos blog category layout and finally realized that it will just be easier to use that stack and deal with whatever style changes needed.

I am using Essential Grid to layout a directory of resources. Off the home page, the user is taken either to a page Page that lists the parent or sub/child category they selected on the homepage. Ultimately, the links on these pages will bring the user to an archive of posts for that category. Here is what I want to do:

1. change the text or remove the text from the overlay hover effect on the image.
2. change the link from the image AND title to an external URL that is included as a custom field in the blog posts. I created this with essential grid and it is functioning as expected. It needs to open in a new window. Currently there is no need for the user to ever go to the actual post.
3. Add a voting button and social links to display at the bottom of each post. I am assuming this will be inserted into the PHP file, I just need to know where.
4. Regarding the breadcrumbs on this archive post category page, any way to include the parent category in the path?

Yes, I am using a child theme :).

I don’t really know what I am doing, but I seem to be able to hack my way through most things I need to get done. I don’t think this is the most elegant solution, but I can’t make the Essential Grid work for the ultimate content.

Many thanks –
I gave you credentials from a previous request. Will send them privately now if it makes it easier to see what is going on.

[Olivia SParticipant]

This reply has been marked as private.

[RupokMember]

Hi Olivia,

We can help on some of your questions since some would be out of our support scope. We need to check your URL.

Thanks!

[Olivia SParticipant]

This reply has been marked as private.

[LelyModerator]

Hello Olivia,

1.) Add this custom CSS on Appearance > Customize > Custom > Edit Global CSS:

.esg-entry-cover:hover .eg-homepage-element-9-a {
    opacity: 0;
}
.eg-homepage-element-9:hover {
    opacity: 0;
}

The effect is this:http://screencast-o-matic.com/watch/cbnrIT6D2u
2.) See this:https://community.theme.co/forums/topic/essential-grid-edit-skin-layer-settings-linkseo-open-in-new-window/

3.) We can add it on your child theme functions.php file. Something like this:

function voting_individual_post( $content ) {
	if ( is_singular('post') ) {
		//Add the code here
	}
}
add_action('x_before_the_content_end', 'voting_individual_post');

4.) This is possible with a customization that is beyond the scope of our suport. Please check this link for explanation of the setup:https://community.theme.co/forums/topic/breadcrumbs/#post-6664

Hope this helps.

[Olivia SParticipant]

Thanks for the answers. I implemented some of your suggestions, but I think there was a miscommunication on #2.

The site has the following hierarchy:
Homepage – Essential Grid display of Pages – I call these Parent Categories

Parent Category Pages – Essential Grid display of Pages of children of the Parent Categories that I am calling Sub Categories

Entries – When the user accesses a Sub Category page, I am calling up Post content for that Sub Category. Please note, there are pages that are using Essential Grid to display the Entries in a Grid, but we have abandoned this idea as we cannot make the rating plugin and the Grid work together. So when looking at an example, please use the following links (if you use menus, you might call up an unintended page):

So if a user entered the site, they could follow this flow (right now the menus are not functioning fully, so please use these links):
http://420stack.com (Page)
http://420stack.com/networking-education/ (Page)
http://420stack.com/resources/networking-education/news-publications/ (Category Displays of Post content)
,
We are displaying the Featured Image, the Blog Title, the Excerpt and the Rating Plugin.

So back to my original #2 question and some additional items:
1. We want to change the link from the image AND the title to an external URL. It needs to open in a new window. Currently there is no need for the user to EVER go to the actual post.

2. We want to call this external URL from a custom field that we created with the Essential Grid – its meta name/key is eg_aff_link.

3. We want to display a text hyperlink that is tied to the external URL directly following the Excerpt

4. We want the overlay on the Featured image when hovering over the image to display: VISIT SITE, instead of VIEW POST

The site and the credentials will follow immediately in a Private reply.

[Olivia SParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

1. You mean a lightbox on archive/category page? You don’t wish the user to go to actual post but wish to open it in a new window, so it might be a lightbox or modal popup. If yes then it’s only possible through custom development, someone tried it before but it’s glitchy. Should be done by a developer.

2. You can do that by editing the EG’s active skin and link the layer or cover to custom meta as mentioned here https://community.theme.co/forums/topic/essential-grid-edit-skin-layer-settings-linkseo-open-in-new-window/

3. Is this related to #1 or #2? The excerpt is only possible for posts, which means the steps Page 1 > Page 2 > Page 3 is a bit confusing. I assume Page 1, Page 2 are custom grids and not posts since it’s a parent-child hierarchy and not posts. Would you mind providing a visual guide?

4. Sure, please add this code to your child theme’s functions.php

  function x_ethos_featured_index() {

    $entry_id                    = get_the_ID();
    $index_featured_layout       = get_post_meta( $entry_id, '_x_ethos_index_featured_post_layout', true );
    $index_featured_size         = get_post_meta( $entry_id, '_x_ethos_index_featured_post_size', true );
    $index_featured_layout_class = ( $index_featured_layout == 'on' ) ? ' featured' : '';
    $index_featured_size_class   = ( $index_featured_layout == 'on' ) ? ' ' . strtolower( $index_featured_size ) : '';
    $is_index_featured_layout    = $index_featured_layout == 'on' && ! is_single();

    ?>

      <a href="<?php the_permalink(); ?>" class="entry-thumb<?php echo $index_featured_layout_class; echo $index_featured_size_class; ?>" style="<?php echo x_ethos_entry_cover_background_image_style(); ?>">
        <?php if ( $is_index_featured_layout ) : ?>
          <span class="featured-meta"><?php echo x_ethos_post_categories(); ?> / <?php echo get_the_date( 'F j, Y' ); ?></span>
          <h2 class="h-featured"><span><?php x_the_alternate_title(); ?></span></h2>
          <span class="featured-view"><?php _e( 'Visit Site', '__x__' ); ?></span>
        <?php else : ?>
          <span class="view"><?php _e( 'Visit Site', '__x__' ); ?></span>
        <?php endif; ?>
      </a>

    <?php

  }

Thanks!

[Author]

Posts