date icon causing conflict

  • jwroberts



    I am using a plugin called gravity forms directory & addons. When I display my directory of entries the date fields do not show up, but a small calender icon shows up. Shown here:

    How could I fix this? The plugin does have a settings for:

    1. inline CSS for the <table>,

    <ul>, or <dl> (tablestyle)

    2. Inline CSS for all <tbody><tr>‘s, </ul>


    <li>‘s, or <dl><dt>‘s (rowstyle)

    There are also settings for rowclass and tableclass.

    Any help would be appreciated.





    sorry for the formatting



    Hi JW,

    Please wrap your code with backticks when posting in the forum. It’s the button on the top-left of your keyboard, with the “~” on it.

    You can hide the graphene default date icon by adding this to your custom css:

    .post .date {
    display: none;

    But this will remove the date icon from all places it is used throughout the theme.

    Is there a way to position the Gravity Form further down the page? Below the date icon?



    Thanks for replying Josh. I added that to css and it removed the calendar icon, but the dates still did not show up in the table, and infact all columns shifted left following the date column.




    Im still working on this with no avail. I think that the date field I am trying to display in the directory table is getting confused with the style post format. How would I change the class from date to text in the plugin “directory & addons”?



    Kenneth John Odle


    I tried adding backticks to your original posts in order to see what you were talking about a little better.

    What seems to be the problem is that both Graphene and this plugin both use the class “date” to display dates.

    You can try formatting the table date itself by using code like this: {style elements here;}

    and see if that does anything for you.



    ok…I tried editing the in the child css. It did not work. It seems that the .post .date overrides it seen here:

    .post .date {
    background: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 25px;
    left: 15px;
    text-align: center;
    width: 46px;
    height: 65px;

    Or as another option: is there a way to change the class=”date” to class=”text” in the tables?

    <td class="date" title="Date Aquired">




    Kenneth John Odle


    is there a way to change the class=”date” to class=”text” in the tables?

    Maybe, but that would require editing the plugin code, not the theme code, because it’s the plugin that’s creating that table. You might want to try the plugin’s support forum, or by contacting the plugin’s creator.

    Okay, CSS-wise, try something like this:

    table.gf_directory .date {style;} which should only affect the “.date” class after it appears in a table of class “gf_directory”.

    If not, you might want to try a different plugin. What is it that this plugin does for you? Members in this forum might know of something better.



    Thank you soooo much! That worked and I was able to style the date correctly! I really appreciate everybody’s help.


    JW Roberts

Viewing 9 posts - 1 through 9 (of 9 total)

  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!