Return to previous page

Modalbox background image - by cowe - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 7 years, 4 months ago ago by Rose Tyler

cowe

Participant

August 23, 2017 at 11:57

Hello

dont know how to add a background-image for the modal box content. And even using HTML is not shown how it should.

Best Regards

#170693 Copied

7 Answers

Rose Tyler

Support staff

August 23, 2017 at 13:57

Hello,

Could you please provide a screenshot?

Regards

#170702 Copied

cowe

Participant

August 23, 2017 at 14:21

yeah like if I use listings and the sentence are short they appear this way:
http://imgur.com/a/ouvJa

And the most important question how do I add a background image for the modal content? I know how to change the colour but I would like to add an image.

PS: thanks for your support the theme is great. Though it would be great if we could use the new version of royal themes on localhost as well. I just have an old version which works and which I need for tests.

#170707 Copied

Rose Tyler

Support staff

August 23, 2017 at 15:28

Please provide wp-admin access in Private Content and give me link to page with this content.

Regards

#170715 Copied
cowe

Participant

August 23, 2017 at 15:55
Hello

as I said Im using WP on localhost now. And we’ll be online with a fresh wp installation if we fix all design issues. The listing issue can be tested everywhere, just use some short sentence or just a word
```
<li>WORD</li>
</li>Word2</li>
```
Here are long sentenced used.
https://www.8theme.com/demo/royal/list-syles/

But the problem with the listings appears just in the modal box.

Can you tell me how I can add a background to the modal contant that was the question.

Best regards
cowe
#170722 Copied
Rose Tyler

Support staff

August 23, 2017 at 16:14

Do you mean Promo Popup?
You may use custom css code to add a background or change any style of elements (Theme Options > Custom css). I need to inspect code of your site to give you correct custom css.
https://developers.google.com/web/tools/chrome-devtools/inspect-styles/

Regards

#170724 Copied

cowe

Participant

August 23, 2017 at 16:36

Hello,

not the Promo Popup. Thise one:
https://www.8theme.com/demo/royal/modal/

The background of the content. Its possible to change the colour but not the background-image.

And you do you have the same problem with the listings? If you use short sentence.

#170731 Copied
Rose Tyler

Support staff

August 25, 2017 at 07:55
Hello,

1. You may use custom css to change background, for example,
```
.overlay-slideup.ult-open {
   background-image: url(link to image) !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;
}
```
https://prnt.sc/gcsls1

2. Do you use this one?
```
[checklist style="arrow"]
<ul>
 	<li>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</li>
 	<li>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem</li>
 	<li>Saspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</li>
</ul>
[/checklist]
```
provide me code that you use to show list and I will help you to display sentences one under one.

Regards
#170795 Copied
Tagged: background, image, modalbox, templates, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)