Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Need to adjust text description in photo gallery template


Nevadajesse

Question

Site URL: https://www.disabilityinclusiveclimate.org/advisory-panel

Hi all,

I am preparing a site for an organization, and a major concern is assuring that the site is accessible to those who use screen readers.

  1. On our advisory panel page, I am using an image gallery block with circular png files. The names currently of each individual are aligned to the left, and I would like them to be aligned in the center. I've tried embedding some code from answers I found on other forum pages, but it was unsuccessful. I also want to make sure that I am injecting this code in the appropriate area, as in I just want the code to affect this page specifically (advisor page)
     
  2. My second issue is that I would like these names to be hyperlinked to their individual pages as well. Right now, the pictures themselves are linked, but it's not apparent, which is why I would like the names to be linked as well. There's no option to do this in the gallery template, and I don't want to add code to the 'image description' because that would be read out loud by a screen reader. I'm assuming I would also need to embed code to make this happen.

Any tips or help would be greatly appreciated! Thank you in advance!

Nevada

Link to comment
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

3 answers to this question

Recommended Posts

  • 0
On 2/10/2021 at 3:25 AM, Nevadajesse said:

Hi Tuanphan thank you so much, this works perfectly.

Q2 Answer: we are using a Business plan!

In Image description, try edit current name to this

<a href="/louise-fourier">Louise Fournier</a>

Do similar for other images

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1

Q1. Add to Design > Custom CSS

/* Advisory panel - center caption */
body#collection-5f1e3cbe91bcb241a7c8bf5a p.gallery-caption-content {
    text-align: center;
}

Q2. Do you use Personal or Business Plan?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...