Title: Making feature boxes clickable
Last modified: October 28, 2016

---

# Making feature boxes clickable

 *  Resolved [memdesigns](https://wordpress.org/support/users/memdesigns/)
 * (@memdesigns)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/making-feature-boxes-clickable/)
 * How do I add a hyperlink around my front page features boxes?
 * Note – using a child theme.
 * The dev site is at [http://dev1.graybarbalaw.com/](http://dev1.graybarbalaw.com/).
 * I’ve added a fourth features box through coding in front-page.php (and made each
   of them distinct by calling them features-box1, features-box2, etc. and then 
   applying a background style to each in the stylesheet, and removing the icon,
   title and content in the customizer. But I want each of these boxes to link to
   an as yet uncreated page.
 * I’m happy to put the href tag in the php file but not certain around which piece
   of content.

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Suyogya Shukla](https://wordpress.org/support/users/themeislesupport/)
 * (@themeislesupport)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/making-feature-boxes-clickable/#post-8371468)
 * Hey there,
 * Unfortunately, our support doesn’t cover help with customization. Hope you understand!
 *  Thread Starter [memdesigns](https://wordpress.org/support/users/memdesigns/)
 * (@memdesigns)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/making-feature-boxes-clickable/#post-8372037)
 * Thanks – hoping another reader has done this a can provide me with direction….
 *  [projectdeeds](https://wordpress.org/support/users/projectdeeds/)
 * (@projectdeeds)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/making-feature-boxes-clickable/#post-8407484)
 * Make sure you’ve first created a child theme and are editing only files in the
   child theme folder.
 * Copy front-page.php from the lawyeria folder into your child theme folder. Edit
   the file and look for the div class features-box; there will be 3 of them, 1 
   for each image. Next, look for `echo '<h4>'` Add your `<a href="#">` within the
   single quotes inside of the H4.
 * Within the same if statement, the last line, you will see `echo '</h4>'`. Modify
   that line to `echo '</a></h4>'`
 *  [webby2017](https://wordpress.org/support/users/webby2017/)
 * (@webby2017)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/making-feature-boxes-clickable/#post-8897771)
 * Hi thanks for posting the above.
 * Ive followed the instructions given above and the title in the features box is
   now clickable but the color of the text has changed to purple and i have lost
   the gray color setting for the font i had. How do i change this so the font color
   remains the same as it was before making it linkable.
 * Thanks for any help in advance.
 *  [projectdeeds](https://wordpress.org/support/users/projectdeeds/)
 * (@projectdeeds)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/making-feature-boxes-clickable/#post-8900443)
 * In order to change the link color, you must update the CSS. Add the styling to
   the style.css file of your child theme. More specifically, change the following:`#
   features .features-box a:link`, `#features .features-box a:hover`, `#features.
   features-box a:visited`

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Making feature boxes clickable’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/lawyeria-lite/1.1.6/screenshot.
   png)
 * Lawyeria Lite
 * [Support Threads](https://wordpress.org/support/theme/lawyeria-lite/)
 * [Active Topics](https://wordpress.org/support/theme/lawyeria-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/lawyeria-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/lawyeria-lite/reviews/)

 * 5 replies
 * 4 participants
 * Last reply from: [projectdeeds](https://wordpress.org/support/users/projectdeeds/)
 * Last activity: [9 years, 3 months ago](https://wordpress.org/support/topic/making-feature-boxes-clickable/#post-8900443)
 * Status: resolved