[Chris Moore]

Where there's a will, there's a way! And today I have the will! 🙂

.entry-content a .read-more-news {
background: #000;
color: white;
padding: 12px;
border-radius: 10px;
position: relative;
top: 14px;
border-bottom: none;
}

footer.entry-footer {
margin-top: 40px;
}

Also noticed you had a border-bottom on that link, so I eliminated that as well.

Does that all work now? Check on mobile as well.

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Hmmm... Let's see here. Try this:

.site-header {
position: inherit;
}

.site-container {
padding-top: 0px;
padding-top: 0px;
}

Make sure that is at the bottom of the child theme'sstyle.css. You might do well to clean up and delete the former codes given as well.

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

It needs more CSS specificity...

Try this instead:

.entry-content a .read-more-news {
background: #000;
color: white;
padding: 10px;
border-radius: 10px;
}

footer.entry-footer { 
margin-top: 15px;
}

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Actually, I take that back. Seems you have a fixed header. 😉 Just noticed when I scrolled down.

Like I said, more work to do. 🙂

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Hello there!

Just had a look at your site. Not sure what you have done in terms of custom CSS as of yet (didn't dig that deep), but you may want to consider changing the z-index for the header.

.site-header {
z-index: 0;
}

That way the little owl will show. 🙂

I still think there is some work to be done up there, but maybe that insight will help.

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Hello Paul,

Let me know if this does the trick for you!

Put this code at the very bottom of your child theme's style.css file:

.read-more-news {
background: #000;
color: white;
padding: 10px;
border-radius: 10px;
}

footer.entry-footer { 
margin-top: 15px;
}

That second piece of code moves the horizontal separator line (at the end of the post excerpt) down, otherwise the button is over top of it.

Let me know if you would like any tweaks done to this solution.

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Let me restate that: This only happens on the desktop browser in Chrome, but not in Firefox, Safari, and Opera.

As for mobile devices, I have seen this problem only on the iPhone while in portrait mode (landscape is fine).

So basically, it's just Chrome on the desktop and the iPhone while in portrait mode. 🙂

Any help would be much appreciated!

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Hey there!

I will definitely let Brad confirm here, but I think if you wanted to implement this code on all archives it would look like this:

.archive .entry-meta,
.archive .entry-content {
display: none;
}

Does that work?

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Hello Gordy,

Try removing this (be careful to be precise though ;-)):

<?php comments_number(‘Leave a Comment’, ’1 Comment’, ‘% Comments’); ?>

Is that what you are looking for?

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

I should add that this only happens in Chrome, and not in Firefox, Safari, and Opera.

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Thanks @mealtog! Unfortunately, I don't have something ready-made for that. However, this may help you in your quest: http://dmblog.com/wordpress-tag-cloud-with-post-counts/

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Just what the doctor ordered!!! SOLVED. 🙂

Just drop this in your functions.php:

// Filter #respond to be #disqus_thread
	add_filter( 'get_comments_link', function( $link, $post_id ) {
	    return get_permalink( $post_id ) . '#disqus_thread';
		}, 10, 2 );

Hope this helps someone here!

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Very strange... I have Chrome Version 31.0.1650.63 (latest as of today), and comments do NOT show up when I comment, UNTIL I refresh the whole page.

The only variable that is different between you and me is that I am an Admin of the Facebook App that is associated with the comments.

I'm also on a Mac too, just like you.

So............. Hmmm.

P.S. I hid the comments we made so far. 🙂

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Okay... That is good.

Maybe it's because I'm an admin of the Facebook App ID that the comment is associated with?

Can you test it one more time for me. Maybe in more than one browser.

Mac or PC?

THANK YOU SO MUCH! 🙂

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Hello there!

Hmmm... So, when you add the comment, it immediately appears for you (without refreshing the page)?

I had the Moderation Mode set to "Let me approve each comment before it appears" before and then I set it to "Make every post public by default" after that. Not sure when you did your test! LOL...

I have now set it to "Make every post public by default".

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Hello there!

Did you ever get a solution to this? I can tell you what I do if you like.

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Hello @bello-via,

That's great! So glad it worked out for you. I can't count the number of times I have posted a question (here and elsewhere), only to just figure it out myself and post the answer. LOL...

Have a great day!

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Okay, here's what I did. I basically applied a solution that I have used in the past, which involves creating a shortcode that I can then insert into the appropriate place with the Genesis - Simple Edits plugin.

Here is what I did:

// Add a shortcode for Facebook "Like" insertion ([FB-Like-Shortcode])
	function moore_fb_like_shortcode() {
		if ( is_single () || is_home() )
		return '<span class="fb-like fb-post-info" data-href="'. get_permalink() .'" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></span>';
	}
	add_shortcode('FB-Like-Shortcode', 'moore_fb_like_shortcode');

Then I just drop [FB-Like-Shortcode] where I want it to appear in the Genesis - Simple Edits plugin, and voila!

I was hoping to get a simpler, purely functions.php solution, so if anyone knows how, please do enlighten me!

Reference site: http://ReflectOnThis.com

Thanks again!

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Thanks so much Carrie (@cdils)!

Unfortunately, that puts the Like button ABOVE, and only on the post, not the homepage as well (sorry, should have been more clear about that).

I would like it right next to the part that says:

By Lindsey Coulter – Leave a Comment FACEBOOK LIKE

The site in question: http://ReflectOnThis.com

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

This is actually the code I want inserted (it doesn't really matter though, as I am really only after the function and/or action I need to use in the functions.php):

<div class="fb-like" data-href="'. get_permalink() .'" data-width="90" data-layout="button_count" data-show-faces="false" data-send="false"></div>

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Author]

Posts