Making feature boxes clickable

  • Resolved memdesigns

    (@memdesigns)


    9 years, 7 months ago

    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/.

    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

    (@themeislesupport)

    9 years, 7 months ago

    Hey there,

    Unfortunately, our support doesn’t cover help with customization. Hope you understand!

    Thread Starter memdesigns

    (@memdesigns)

    9 years, 7 months ago

    Thanks – hoping another reader has done this a can provide me with direction….

    projectdeeds

    (@projectdeeds)

    9 years, 7 months ago

    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

    (@webby2017)

    9 years, 3 months ago

    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

    (@projectdeeds)

    9 years, 3 months ago

    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.