kahana82

HTML:

[accordion tag=div]
[accordion-item title=" " class="classname itemname"]...content...[/accordion-item]
[/accordion]

CSS:

div.accordion-title.classname {
  background-size: 320px 240px;
  background-repeat: no-repeat;
  padding: 0;
}
div.accordion-title.classname.itemname {
  background-image: url("https://www.domain.com/path/image.png");
}

/* adjust the line hight to set around the size of the icon */
div.accordion-title.classname {line-height: 144px;}

/* offset the icon */
div.accordion-title.classname {background-position: 20px center;}

/* optional - puts the icon on the right when open */
div.accordion-title.classname.open {background-position: right center;}

• This reply was modified 6 years, 3 months ago by kahana82.
• This reply was modified 6 years, 3 months ago by kahana82.

It’s a bit of a hack but you could try this :

[accordion-item title="titletext<div class='accordion-subtitle'><br>subtitletext</div>"][/accordion-item]

Then you can style the subtitle with css.

• This reply was modified 6 years, 3 months ago by kahana82.

Hi Tobias,

Yes indeed that’s what I meant by “making css selectors as restrictive as possible” : those things don’t happen then ??
example: table.tablepress.myclass {…}

As you said if someone used only .myclass it would break some things with descriptions/titles, which is not good…

Best regards,
Micha?l

Hi Tobias,

Thanks for the quick reply and workaround, unfortunately I have to display it at the top of the table..

Why apply the same custom css class differently (prefixed) to the description/title then it is done for the table ?
As I see it, if the description was referenced with class=”tablepress-table-description myclass” it’s always possible to specifically select it with .tablepress-table-description.myclass (just like in your workaround) without interfering with selectors for the table.
Maybe I’m missing something, I’m just used to making my css as restrictive as possible.

Thanks for looking into it, no matter how it’s done ??

Best regards,
Micha?l

I understand the current functionality, but it would be neat/logical to have it behave as I mentionned … I’m a bit OCD perhaps, please forgive me ??
It works (great) as it is but maybe this behavior ca be added in a later version ?

Adding “!important” to the css lines ?
For example:
height: 100% !important;

I’ve playing with this also, the custom slug works and there is a .css file created in /wp-content/uploads/custom-css-js/
But the .css with the custom slug filename is not loaded on the website.
The original .css with the postid as filename is still there and is still loaded by the website instead.
Deleting the .css with postid filename does not make the .css with custom slug filename load in it’s place.
I had the edit page for that css code still open and clicked the button to save/apply and it re-created the .css with postid filename. Website back to normal.

Can you confirm @evdheuvel and @diana_burduja ?

• This reply was modified 6 years, 9 months ago by kahana82.

That sure would be nice (the filtering options) ??

How about some functionality to sort the snippets either alphabetically or by (modification) date ?
I’m naming them with a prefix depending on the kind of things snippet is applied to, like basic WP code blocs/extensions/colors and so on..
The list seems to be ordered by creation date or by the id of the snippet in the database.
This keeps the whole list un-orderly as they were created one after another, not having them all in mind from the start as to put them in in the correct order.

I managed to get the shortcode parsed (bold) inb the feed.php include file:

<description>'.esc_attr($this->format_date($event->start_date, $event->end_date).' '.
						('' != $event->time ? $event->time : '').('' != $event->location ? ' - '.$event->location : '')).'</description>
				'.('' != $event->details ?
						'<content:encoded><![CDATA['.esc_attr($this->format_date($event->start_date, $event->end_date).' '.
						('' != $event->time ? $event->time : '').('' != $event->location ? ' - '.$event->location : '')).
						do_shortcode($event->details).']]></content:encoded>' : '').'

			</item>';

changed: $event->details
to: do_shortcode($event->details)

Ran into the same problem…
At first I managed to display sharing icons for each event but facebook would not play nice anyways since it will scrape the page (starting from the url) for content, which ends up in a total mess.

What I did in my events is putting the featured image + a button linking to a post containing all the info about the event.
Once on that post the sharing buttons are at the bottom of the post like normal.