Edit Predefined Header: Full Modal - Question | JoomShaper
Back to the questions

Edit Predefined Header: Full Modal

L

Loida

SP Page Builder 3 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.

Lo

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

0
3 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #76930

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!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #76287

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

0
L
Loida
Accepted Answer
3 years ago #76583

Terrific. Thank you so much Rashida!

0