Solved SP Page Builder

Edit Predefined Header: Full Modal

Asked by Loida 4 years ago Last activity 4 years ago

I'm using Helix Ultimate and SP on J4.15.

I like the Predefined Header: Full Modal. Where do I find the CSS to edit it? or override it? I would like to have a subtle background image on it as I see Left modal style having. If not, be able to change the background color.

It appears I can't edit the Modal overlay with SP....or am I missing something?

Thanks in advance.

screenshot: https://snipboard.io/qvNmcz.jpg

Accepted answer

Marked as the solution

Rashida Rahman Staff

4 years ago

Hello,

Glad that it helped and You are always welcome:)

You may accept my answer in order to close the post.

Have a nice day!

2 more replies

Rashida Rahman Staff

4 years ago

Hi there!

Thanks for your query.

You can use the following code snippet in your custom CSS to have a background image for the modal menu:

#modal-menu {
    background-image: url(../images/menu-bg.jpg);
    background-position: 50% 50%;
    background-repeat:no-repeat;
}

Please use your desired image link in the above code. You have to use the image link that you have already uploaded and kept in your media.

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

Loida Asked this

4 years ago

Terrific. Thank you so much Rashida!