WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. AnotherOpus
    Member
    Posted 5 months 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 5 months 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.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags