Forum

Thread tagged as: Question, Gallery

Adding a class to text area that is output on to the page

Hi,

I have created a template to use with the Gallery App (Until I can work out a way to build my own possibly). What I would like to do is to use the description text, but give it a class so that when it is rendered on my page it uses a class I have set in my CSS. Is this possible?

My template looks like this: <perch:before>
<div class="headings">
<span class="headerText"><perch:gallery id="albumTitle" /></span> </div> <div class="photos"> <perch:gallery id="description" type="textarea" class="containerText"/> </perch:before> <img class="big" src="<perch:gallery id="small" />" alt="<perch:gallery id="imageAlt" />" /> <perch:after> </div> </perch:after>

You can see what I have attempted to do but it doesnt seem to have worked.

Stefan Wright

Stefan Wright 0 points

  • 3 years ago

Simply wrapping the description tag in a div with the class will achieve the same thing.

Thanks Jonathan, I did that in the end I was hoping to only apply if to the P it self but not to worry

Glad to hear it Stefan. The reason that applying a class to a textarea fieldtype won't work in practice is that the textarea could potentially contain any number of html elements. I always try to think "what can the client do to break this?":)

You can now use .containerText ~ p (or any number of pseudo classes) to target your p tag(s).

Yes thanks Jonathan, that's a great way to be thinking, I try to do that in my own job when working on new projects