adding a class to a model

[stevanl]

Hello
I have a number of modals on a single page, they are also used on multiple pages. I would like to know how to add a CSS class to a modal so I can then style the header and body of the modal.

Currently I am using
.page-id-317 #modal-3 .modal-body, {
padding:0px;
}

which works but I would then have to use a selector for every page that model is on.

I am sure there is a better way.

Thanks

[Rui Guerreiro – SUPPORT]

Hi,

In that case just remove the page id.

#modal-3 .modal-body, {
padding:0px;
}

Give it a try.

-Rui

[stevanl]

Hi Rui

Am I right in saying this will target every 3rd modal on all pages. As some of the 3rd modals on other pages have another purpose and a different design not sure how helpfull removing the page id will be.

[Rui Guerreiro – SUPPORT]

In that case you will have to do it like this for all the pages where you use it.

.page-id-317 #modal-3 .modal-body, .page-id-318 #modal-3 .modal-body{
padding:0px;
}

-Rui