template - linkable article title in block custom view

Adrienne

On ACYMailing 8.5 for Joomla 4, is it possible to make the dynamic {title} tag linkable in the custom view of a block?

The current code looks like this:

<div class="acymailing_content">
  <div>{picthtml}</div>
  <div style="font-size:  1.7rem; font-weight: 700; color: ##0C509F;  padding:  20px 0 20px 0;">{title}</div>
  <div class="acydescription">
    {intro}</div>
  <div style="width: 100%; text-align: right;">{readmore}</div>
</div>

On ACYMailing 5, it was possible to create a link by adding the {url} tag, but apparently it is no longer valid.

jvstratum

Hi,

You need to use the {link} and {title} tags inside an <a> element.

Adrienne

Thanks.

Now I've got another issue.

The inline style directs applied to the anchor tag is not honoured.

My current code looks like this:

<div> <div><a href="{link}" style="font-size: 1.7rem; font-weight: 700; color: #0C509F; padding: 20px 0 20px 0;">{title}</a></div> </div>

Yet. the rendered element is getting a completely different style applied to it:

<a href="https://localhost/800-jsis-reimbursement-rules-for-psychotherapy-sessions.html?language=en-GB" style="font-size: 12px; font-weight: normal; padding: 20px 0px; font-family: Helvetica; font-style: normal; color: rgb(0, 0, 241);">JSIS Reimbursement Rules for psychotherapy sessions</a>

Adrienne

It is also impossible to style paragraphs generated by the {intro} tag, since it appears to be hardcoded to render a certain way.

This is how a rendered paragraph loads:

<p style="word-break: break-word; font-family: Helvetica; font-size: 12px; font-weight: normal; font-style: normal; color: rgb(0, 0, 0);">As from 01/03/2023, the exceptional and temporary measures for the reimbursement of psychotherapy sessions in the context of Covid19 (first 5 sessions of psychological support without medical authorisation) are no longer applicable by the JSIS.</p>

jvstratum

Hi,

Have you tried to change the settings in the design panel of the drag & drop editor?

Adrienne

Got it. Thank you.

There's a caveat, however.
Styles applied via the "a-links" option in the HTML Tags dropdown affect all links across the template, regardless of which ACYMailing tag is generating them.
That is to say, if 20px font-size is defined for the link generated by the title tag, it will also affect links in the {intro} text block or the {readmore} link.
This greatly limits flexibility.

jvstratum

Hi,

You can overcome this by adding an id to the structure block and adding your own css to the custom style sheet using the specified id.

Adrienne

These settings are applied to a whole zone, not a block, as far as I can tell.

In any event, I've added an ID called headline to the Block HTML Id field in the zone that contains a Joomla article block.

I've then added a new class called headlinetitle to the div that contains the title tag in the custom block view, which now looks like so:

<div class="headlinetitle"><a href="{link}">{title}</a></div>

Afterwards, I created the following custom CSS rule in the Settings tab > Add custom style sheet button:

#headline .headlinetitle a { font-size: 10px; }

I see that the general settings defined in Settings > Design are still applied, instead the custom CSS rule.

jvstratum

Hi,

You either need to use a higher css specifity or try to add !important to your css. You can read more about css specifity here: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity