[Closed] Read more link to the archive description – taxonomy values – Toolset

[Author]

Posts

[pramodk-2]

Hi Team,

Hope you are doing good.

I have created few taxonomies for my website e.g., Property Area, Property City.
Archive title and description are enabled for SEO purpose.

Since the description of the taxonomies are long, it is looking bad. Please suggest me any code or tweak where 2 lines of description should be visible adding read more at the button. When Read more clicks then the remaining should be visible.

Please find attached the screenshots for your visibility.

hidden link

Thanks.

[Nigel]

You'll need a custom solution for this.

Wherever you output the description (I don't know whether you are using the block editor or the legacy editor) you'll want to output just an exert from the existing description in one div, a read more link, the rest of the description in another—hidden—div, as well as a custom JavaScript script to reveal the hidden content when the link is clicked.

There isn't an existing solution that will work in this context, you'll need to write one yourself (or have a developer do that for you).

[pramodk-2]

Hi Nigel,

In that case, can you please provide me a CSS code to move the archive description to bottom of the page.

Thanks,
Pramod.

[Nigel]

You can't move content around the page with CSS unless your page layout is set up using CSS Grid (which it is not).

You could use a snippet of JS to move the archive description section down the page, but that is not a very optimal solution.

You should instead make a copy of the theme archive PHP template currently in use for this page and name it taxonomy-property-city.php, which will be used for this property-city taxonomy archive. You should then be able to make the minor edits required to the template to put the archive description where you want it, after the main content.

You should make any such changes in a child theme. Consult your theme documentation for more information if needed.