WordPress.org

Forums

HungryFEED
Custom CSS Code Fails & DIVs have no classes (3 posts)

  1. AnotherOpus
    Member
    Posted 1 year ago #

    Hello,

    Thank you for this plugin and for supporting it.

    I assumed that the Custom CSS Code text area was an editor. So I made the author and posted date smaller and #ccc. Nothing changed.

    So I copied the CSS and added it to the site's style.css. Nothing changed.

    div.hungryfeed_item_author,
    div.hungryfeed_item_date {
    	color:#ccc;
    	margin:4px 0 10px 0;
    	font-size:.5rem;
    }

    When I inspect the CSS the author and posted date are in a DIV without a class. And the description is also in a DIV without a class. So I can't do CSS tricks like:

    div.hungryfeed_item, div { some styles here }

    ...because then the author, post date AND the description will all be modified.

    Here is what the source looks like in the CSS inspector (note all the useless <DIV> tags):

    <div class="hungryfeed_items">
    	<div class="hungryfeed_item">
    		<h3><a href="blog URL here">blog post title here</a></h3>
    		<div>Author: author name here</div>
    		<div>Posted: post date and tiem here</div>
    		<div>“description here...</div>
    </div></div>

    How can I change the style of the author and posted date--or any other elements?

    BTW I do not have any caching plugins and I cleared my browser cache a few times hoping for results.

    Thank you for your help styling the results,

    Chris

    https://wordpress.org/plugins/hungryfeed/

  2. Jason
    Member
    Plugin Author

    Posted 1 year ago #

    It looks like you might be using a custom template for your output? The default output has class names for every element.

    If you are using one of the 3 custom templates, then you can adjust the HTML of that templates and add class names or make any other changes that you like.

  3. marsie
    Member
    Posted 8 months ago #

    I'm having the same problem. Hungryfeed is stripping all the CSS classes out of my feed's description. What normally should be pulled into my WordPress page as:
    <div class="field-label">Hello</div>

    Is instead showing up as:
    <div>Hello</div>

    Is there any way to keep the classes from getting stripped out on Hungryfeed import?

    Site: http://www.nyubf.org/daily-bread/
    Feed: http://www.ubf.org/daily-bread.xml

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • HungryFEED
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags