Need Help with some simple? edits to Metro Pro

[jcarlson]

Hello,

On the front page of my site, on the post previews I would like to get rid of the square comment button and instead have a link on the same line as the FEBRUARY 4, 2015 BY BRIAN CABELL that is a bolded hyperlink (that links to the comments section of that post) and says "0 COMMENTS" so it would appear as FEBRUARY 4, 2015 BY BRIAN CABELL 0 COMMENTS.

The second issue is I'd like a "Read More" button or link for the featured post on the front page after the excerpt.

Thanks!

Justin

http://staging.briancabell.com/

[jengabbard]

I'm using the blue theme and added this css:

.metro-pro-blue .content .entry-meta .entry-comments-link a {
background-color: #FFF;
color: #64947F;
font-weight: 400;
}

That way it looks like all my other links.

As far as the read more goes I changed mine under customization - widgets - more text (if applicable)
Not sure exactly sure if that's the setting you're looking for or not

---

Puppy Leaks I love the Metro theme

[jcarlson]

I'll try that out, thanks. I love your website design!

[jcarlson]

How did you change the default metro dashed line separators to just a solid line?

[jengabbard]

I used the solid line by creating an image and replacing the default in these lines of code:

.comment-respond h3,
.entry-comments h3,
.widget-title {
background: url(yourimageurl) bottom repeat-x;
background-size: 2px 2px;
}

.entry,
.page.page-template-page_blog-php .entry {
background: url(yourimageurl) bottom repeat-x;
background-size: 2px 2px;
margin-bottom: 48px;
padding-bottom: 32px;
}

---

Puppy Leaks I love the Metro theme

[Author]

Posts