Return to previous page

Promo Popup - by heartleafguitarant - on WordPress WooCommerce support

This topic has 9 replies, 3 voices, and was last updated 8 years, 11 months ago ago by Jack Richardson

heartleafguitarant

Participant

December 16, 2015 at 17:52

I am having the hardest time trying to configure this promo popup the way I’d like. This is what I want it to look like:

http://i64.tinypic.com/inzrys.png

But this is what it looks like:

http://i68.tinypic.com/21myjyb.png

Please advise.

Please, contact administrator
for this information.

#104626 Copied Theme version: Legenda

8 Answers
Robert Hall

Support staff

December 16, 2015 at 18:12
Hello,

To remove the default promo popup image you can add this code in custom.css
```
.white-popup-block{
    background-image: none;
}
```
Regards,
Robert Hall.
#104631 Copied
Jack Richardson

Support staff

December 16, 2015 at 18:43
Hello,

I’ve added the css code in custom.css:
```
.white-popup-block {
    background-image: none !important;
    padding-top: 30px !important;
}

.alignnone.size-full.wp-image-3038, .mc4wp-form-basic input[type="submit"] {
    width: 100% !important;
}

.mc4wp-form-basic input[type="email"], .mc4wp-form-basic input[type="text"] {
    max-width: 100% !important;
}

.mc4wp-form-basic input[type="submit"] {
    background-color: #C0A979 !important;
    color: white !important;
    padding: 10px !important;
}

.mc4wp-form-basic input[type="submit"]:hover {
    color: black !important;
}
```
Please check your promo popup now.

Best regards,
Jack Richardson.
#104638 Copied
heartleafguitarant

Participant

December 16, 2015 at 22:06

PERFECT! How do I get this background to show (it is currently located in the top slider) just like this :

http://i65.tinypic.com/2dvlobr.png

to the very bottom (in the 2nd footer/footer copyright area):

http://i64.tinypic.com/30upxsm.png

I am currently using this code:

.page-wrapper {
background-image: url(‘http://www.daladaniels.com/wp-content/uploads/2014/06/bg-body.png’) !important;
background-repeat: no-repeat;
position: right bottom;
}

Please advise.

Please, contact administrator
for this information.

#104676 Copied Theme version: Legenda

Jack Richardson

Support staff

December 17, 2015 at 08:43

Hello,

Change the line position: right bottom; in your css code to this background-position: right bottom;

Best regards,
Jack Richardson

#104708 Copied

heartleafguitarant

Participant

December 17, 2015 at 16:53

Perfect, is it possible to change the rotating tweets font color? Please advise.

#104800 Copied Theme version: Legenda
Jack Richardson

Support staff

December 18, 2015 at 00:06
Hello,

Please see the screenshot http://prntscr.com/9fh1rx . Do you want to change text color of that block? If yes use this css code in custom.css:
```
#etheme-twitter-2 {
    color: #000000 !important;
}
```
Change color value to your needs.

Best regards,
Jack Richardson.
#104889 Copied
heartleafguitarant

Participant

December 18, 2015 at 00:12

Yes! Thank you!

#104890 Copied

Jack Richardson

Support staff

December 18, 2015 at 00:21

Hello,

You are welcome!

Best regards,
Jack Richardson.

#104892 Copied
Tagged: best, persuasive, popup, promo, selling, themes, woocommerce
Viewing 9 results - 1 through 9 (of 9 total)