Jump to content

Archived

This topic is now archived and is closed to further replies.

ardentconcepts

Modal Customizations

Recommended Posts

ardentconcepts

I am trying to set up one page on my site where the modals are different than on the rest of the site.

 

I was able to change the modal color to transparent for the whole site...but it seems that everything I try to drill it down to this page does not equal the right answer.

 

For example: 

 

This code works to remove the background

DIV.modal-backdrop.fade.in {
    background-color: transparent;!important
}
 
but this code does not 
.page-id-318 DIV.modal-backdrop.fade.in {
    background-color: transparent;!important
}
.modal-backdrop.fade.in {
    background-color: transparent;!important
}
 
Please help. I'm sure it's something simple I'm missing.

 

Share this post


Link to post
Share on other sites
James B

Hi there the ; goes after !important, not before.

 

.page-id-318 DIV.modal-backdrop.fade.in {
    background-color: transparent !important;
}


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
ardentconcepts

Can't believe I missed that! Thanks

Share this post


Link to post
Share on other sites
Rob

No worries. Glad that helped!


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

×