[manavecplan]

Thanks for responding Sridhar!

I already have a grid for posts on /blog. What I wanted to do was create a grid for posts on /blog/archives.

While I couldn't get a grid, creating a better looking Archive for posts (from the default) was easier than I expected.

Here's how I created a better looking default Archive page in Authority Pro:

1. Create a page called Archive.
2. Select the Blog Template.
3. Add the a Custom HTML widget (linking to the Archive page) to one of the Front Page widgets.

Result

I'm pretty that's not actually the way to do it but I guess it works.

[manavecplan]

Works like a dream, Brad!

Added a class in there for styling and it's all magic now... 🙂

[manavecplan]

Your solution worked perfectly Victor! Danke!

[manavecplan]

Thanks Brad!

Quick followup question: would that mean that I need a separate function for each post I write?

[manavecplan]

Hey Victor,

Got around to testing it today...

The styling worked just fine with the .entry-content .listicled selector.

Thanks much for helping out! 🙂

[manavecplan]

Hey Victor,

Tried both options but neither have worked out...

Nothing seems to be hitting the numbers in the ordered list at all...

[manavecplan]

Hey Victor,

Fair point...

Rolled up a dummy post below which has the same styling.

Test

[manavecplan]

Perfect!

Removing the margins sorted it right out...

Thanks a ton Victor! 🙂

[manavecplan]

You, sir, are a star!

As usual, worked like a charm!

Thank you ever so much... 🙂

[manavecplan]

*bump*

[manavecplan]

That question provided a great bit of learning Christoph! 😀

So, I checked the console and the network both...

When I check the console, it gave me the following error: Uncaught SyntaxError: Unexpected token < anchor.js?ver=1.1:5

When I tab over too Network, it tells me that this is a 304 Not Modified error; which apparently isn't an error at all.

So, so close...

function add_anchors() {
      wp_enqueue_script( 'anchora_script', get_stylesheet_directory_uri() . '/js/anchor.js', array ( 'jquery' ), 1.1, true);
	}
add_action( 'wp_enqueue_scripts', 'add_anchors' );

[manavecplan]

No go... 🙁

Current code looks like this but neither function fires:

function add_anchors() {
      wp_enqueue_script( 'anchor_script', get_template_directory_uri() . '/js/anchor.js', array ( 'jquery' ), 1.1, true);
      wp_enqueue_script('anchor_script');
	}
add_action( 'wp_enqueue_scripts', 'add_anchors' );

function adda_anchors() {
      wp_enqueue_script( 'anchora_script', get_stylesheet_directory_uri() . '/js/anchor.js', array ( 'jquery' ), 1.1, true);
      wp_enqueue_script('anchora_script');
	}
add_action( 'wp_enqueue_scripts', 'adda_anchors' );

Also, to be clear, the js file is inside the js folder inside the Genesis Child Theme folder

[manavecplan]

Hey Christoph,

Your post helped me dig a bit further and helped me solve it! Works like a charm now... 🙂

All I needed to do was add a class to the PHP code that I'm using and target it accordingly.

The amended PHP would be:

//Adding a Read More for manual excerpts
function manual_excerpt_more( $excerpt ) {
	$excerpt_more = '';
	if( has_excerpt() ) {
    	$excerpt_more = '&nbsp;<a class="manual-excerpt-more-link" href="' . get_permalink() . '" rel="nofollow">READ MORE ?’</a>';
	}
	return $excerpt . $excerpt_more;
}
add_filter( 'get_the_excerpt', 'manual_excerpt_more' );

The amended CSS would be:

a.manual-excerpt-more-link {
font-size: 14px;
font-size: 1.4rem;
font-family: "Montserrat-SemiBold";
text-transform: uppercase;
padding:5px 0px 0px 0px;
letter-spacing:1px;
background:none;
display:block;
text-decoration: none;
/*text-align: center;*/
}

[manavecplan]

Hey Marcy,

That was absolutely spot on!

Thank you ever so much! 🙂

[manavecplan]

Looks just fine to me, no underline visible... check: http://i.imgur.com/HiklHpL.png?1

However, to answer the question, the code I'd use is

.site-title {
	text-decoration: none;
}

[manavecplan]

Hey Marcy,

Thanks so much! Almost there...

This is what I'm currently using:

/*ASIDE HEADER*/
.format-aside .entry-header .entry-meta .entry-title {
    display: none;
}

There's just one niggle in that the title of the aside can be seen i.e. the .entry-title isn't kicking in.

How do I knock off the Aside title as well?

[manavecplan]

Hey Christoph,

Thank you ever so much!! That worked just perfectly...looks absolutely beautiful! 🙂

[manavecplan]

Hey Christoph,

Thanks for chiming in!

That's an elegant solution for sure...I think using the plugin means this is more a PHP resolve than anything else?

Here's the thing, I'm averse to using a plugin for just one bit of visual treatment... 🙁

[manavecplan]

Perfect! Thanks a ton Victor....that worked like a charm! 🙂

[manavecplan]

Sorry, I meant the class of the button is "button search"

[Author]

Posts