date icon causing conflict

  • jwroberts

    #2328

    Hello,

    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: http://www.hermistonfire.com/login/503-2/

    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>

    <ul>

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

    There are also settings for rowclass and tableclass.

    Any help would be appreciated.

    JW</li>

    </ul>

    jwroberts

    #19813

    sorry for the formatting

    Josh

    #19814

    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?

    jwroberts

    #19815

    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.

    http://www.hermistonfire.com/login/503-2/

    JW

    jwroberts

    #19816

    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”?

    JW

    Mod

    Kenneth John Odle

    #19817

    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:

    td.date {style elements here;}

    and see if that does anything for you.

    jwroberts

    #19818

    ok…I tried editing the td.date 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">

    Greatfully,

    JWR

    Mod

    Kenneth John Odle

    #19819

    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.

    jwroberts

    #19820

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

    Sincerely,

    JW Roberts

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

You must be logged in to reply to this topic.