This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Modify Output of Mini-Post-List

  • Creator
    Topic
  • #13850
    kennethfeldman
    Participant

    Hi Jason,

    I desire to add a CLASS to the H4 (post title) which is output by the Mini-Post-List shortcode.

    Currently, that H4 is just a plain H4, but I’d like to add a class to it for some custom styling I’m doing.

    Can I move a file/files to my Child Theme and edit there? Or is some type of functions filter necessary?

    I’m not familiar enough with making filters to achieve this though, if that’s what’s needed.

    Can you advise? Or perhaps provide the filter that I’d need to do this?

    Thanks!!!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Author
    Replies
  • #13852
    kennethfeldman
    Participant

    Actually, FYI, what I’m literally wanting to do, is to add a FontAwesome icon (chevron-right) to appear before that H4 in the Mini-Post-List.

    I was thinking that with a specific CLASS on that H4, I could work it out.

    But perhaps you have a suggestion on how to achieve this effect?

    Thanks!

    #13853
    kennethfeldman
    Participant

    Hi Jason,

    Okay, I’m starting to understand these things.

    I have copied that Mini-Post-List function (from /framework/includeds/parts.php) over to my child theme functions file, and edited the H4 output.

    This works perfectly, so initial problem solved.

    But do you have any tips on adding a FontAwesome icon (chevron-right) to appear before that H4 in the Mini-Post-List?

    Thanks again!

    #13857
    Jason Bobich
    Keymaster

    Hello,

    Since FontAwesome simply uses a CSS icon font replacement technique, you can actually just accomplish what you’re looking for just with CSS and not doing anything on the PHP side of things.

    .themeblvd-mini-post-list h4:before {
    	content: "\f054"; /* This corresponds to the chevron-right icon */
    	font-family: "FontAwesome;
    	margin-right: 5px;
    }
    #13859
    kennethfeldman
    Participant

    Amazing as always, Jason!

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.