[brianmor]

I’m working on a development site and have a couple of issues with the Featured Content (Page Content) feature:

1. The featured image and Read More tag both correctly link to the specified page, however I’d like the page title to be linked too (this is how the Featured Page widget works).

2. The Read More tag only appears in home page Featured Content if the word count exceeds the excerpt length threshold set in Theme Options. If I manually insert a Read More tag before that point in the page content, the Read More tag disappears on the home page.

How can we fix these issues?

[Pratik]

Hi @brianmor,

Can you please post in your site url so that I can check it?

Regards,
Pratik

[brianmor]

http://holiday16.7douglascourt.com/

[Pratik]

Hi @brianmor,

1. The featured image and Read More tag both correctly link to the specified page, however I’d like the page title to be linked too (this is how the Featured Page widget works).

If you want the title to be linked to the page too, then you need to do a bit of customization via child theme. For this, please add a child theme for your current theme. It’s details are here: http://catchthemes.com/blog/create-child-theme-wordpress/

Then, in the child theme’s functions.php file, add the code here: http://pastebin.com/AB9FrS52

2. We can eliminate excerpt showing and only show full content. Then allow “Read More” tag in that to cut off the content. I have made the modification in above code. Just use it and it will solve this problem as well.

Make sure you go to your “Appearance=> Customize” page once you make the changes. This is because the cache is stored and going to that page will flush all caches for featured content.

Let me know if this works or not.

Regards,
Pratik

[brianmor]

Thanks @Pratik, it’s 99% working!

Any idea why the Featured Page title link hover color is not changing to blue?

I’ve added my “Accommodation” page as a Featured Page widget in the homepage sidebar as a comparison.

Delighted at the implementation of the Read More tag in Featured Content now.

[Pratik]

Hi @brianmor,

Humm, it looks like there is some CSS code overriding this may be from a plugin or have you edited any contents of styles.css?

Can you try adding following code in Appearance => Customize=> Theme Options => Custom CSS box:
`
#featured-post a .entry-title:hover {
color: #0088cc;
}
`

[brianmor]

Hi @Pratik,

I haven’t edited style.css and my only plugins are Catch Updater, Jetpack and Contact Form 7.

I dropped your suggested code into my child theme style.css file (which didn’t specify any hover characteristics) and it seems to work, thanks.

[Pratik]

Hi @brianmor,

This is strange, those plugins should not hamper front end CSS. But since the custom CSS worked, there should be no problem.

Let me know if there is anything else.

Regards,
Pratik

[brianmor]

@Pratik,

So I got interested and went digging…

The Web Developer extension on Firefox lets me trace CSS styles. So, if I clear out my child theme style.css:

The Featured Page title link in the Featured Content area of my homepage gets its color (#222222) from line 1066 of the parent style.css further modified by line 1031. Strangely, it does not seem to be recognised as an “a” element, so it is not picking up the adjacent CSS rules for link color or hover color.

By contrast, the Featured Page title link in the widget area is recognised as an “a” element and gets its color from parent style.css line 495 (#21759b) modified by line 1720 (#222222), and gets its :hover color (#0088cc) from line 1723.

When I reinstate the new lines in my child theme style.css, the CSS trace shows that’s where the :hover color is declared.

I really should get out more…

I have another question about CSS styles for input forms but I’ll start another thread for that!

Many thanks for all your help.

[Pratik]

Hi @brianmor,

Thank you for the appreciation.

Regards,
Pratik

[Author]

Posts