New Image Arrow doesn’t appear

Do either of these posts help?

I followed the steps from this example (https://spacedonkey.de/1578/collapse-o-pro-matic-css-tricks-arrows/) but still doesn’t work.

can you share a link to your site?
sounds like something simple that should be clear if we can see the source.

try changing from //: to https:// or https:// when your write the url to your new arrows in the CSS.. at least until the site is launched, and not in ‘coming soon mode’

Hi, I am using https:// and it still doesn’t work. Is there anything else that I could change? Thank you in advance!

The css on your page still does NOT include https:

.collapseomatic.greenballs {
    background-image: url(//example.com/wp-content/uploads/2017/09/Arrow-down.png);
}

this needs to be changed to:

.collapseomatic.greenballs {
    background-image: url(https://example.com/wp-content/uploads/2017/09/Arrow-down.png);
}

Please verify this and get back with your findings.

I am using the following code in the Quick CSS of the theme:
.collapseomatic.greenballs {
background-image: url(https://passivehouseschool.com/wp-content/uploads/2017/09/Arrow-down.png);
}
.colomat-close.greenballs {
background-image: url(https://passivehouseschool.com/wp-content/uploads/2017/09/Arrow-Up.png);
}

In the quick CSS it is with the ‘https’. How can I fix it?
Thank you in advance!

Hey, we figured out the issue.
The arrow image is simply way too big. Tt is showing… but just the white corner is visible.

Use the Following CSS:

.collapseomatic.greenballs {
    background-image: url(https://passivehouseschool.com/wp-content/uploads/2017/09/Arrow-down.png);
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 24px;
}

That should put a smile on your face!

Thank you very much! Works perfectly! ??

Huzzah! Glad that worked out. We’ll update the posts to deal with the image size issue. In the meantime, if you are happy with the plugin or its support, consider leaving a wee review!

Issue marked as resolved!