Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Custom CSS apparently working in Safari, but not FF, Chrome or Opera – huh???

Home / Forums / Virtue Theme / Custom CSS apparently working in Safari, but not FF, Chrome or Opera – huh???

This topic is: Resolved
[Resolved]
Posted in: Virtue Theme
December 16, 2016 at 12:48 am

Ben (or Kevin):

On the website:

…I use CSS to place a flag graphic behind the slider, but full-screen-width with some overlap. Works PERFECTLY in Safari. (Thanks to Kevin for the CSS!) However, I just realized that the flag graphic isn’t showing up AT ALL in FireFox, Chrome, and Opera. (I haven’t checked IE/Edge. I’m a Mac guy here.)

Here is the CSS that works in Safari but no others:

.sliderclass.clearfix.ktslider_home_hidetop {
background: url(
padding-top: 15px;
padding-bottom: 15px;
background-size: cover;
background-position: center 75%;
margin-bottom: 30px;
}

Please help! We are near taking this site live and I just realized one of the key elements isn’t working in many of the major browsers. Also, when you check it out, please me know about IE/Edge.

I desperately need a solution that makes it look the same in all browsers.

Appreciated!
-Dan

  • The forum ‘Virtue Theme’ is closed to new topics and replies.