Rounded Images Corners affected by animated headers (Chrome only)

[ElizabethJones]

Hi,

If I use rounded corners on an image on the same page where I’ve got an animated headline the image switches from rounded to square corners each time the animated headline changes.

This only happens in Chrome. Works fine in Firefox & Edge.

You can see it here: http://www.quantatelecom.ca.php56-1.dfw3-2.websitetestlink.com/capabilities

and here: http://www.quantatelecom.ca.php56-1.dfw3-2.websitetestlink.com/our-commitment

Can someone look into why this is happening?

Thanks!
Elizabeth

[Rui Guerreiro – SUPPORT]

Hi,

It’s strange, couldn’t understand how it’s affecting the image.
Will forward to our head developer.

-Rui

[Swift Ideas – Ed]

Hey there,

please can you try adding this custom css – that should sort it!

.sf-headline {
position: relative;
}

Let us know.

– Ed

[ElizabethJones]

Hi Ed,

I added that css and it didn’t change.

Side note – I can’t add custom CSS in the Theme Options section as there is no editable area to enter it (I am almost 100% sure I used to be able to – as there is some text in the area that used to be editable). The only place I can add CCS is under the Customizer section.

Thanks!
Elizabeth

[Rui Guerreiro – SUPPORT]

There are some errors in your javascript console.
https://www.dropbox.com/s/k9q5ywd5ir64cq1/Screenshot%202017-01-16%2015.18.55.png?dl=0

Can you check if the files in the screenshot exists in your server?
If not, try to upload again the theme files.

-Rui

[ElizabethJones]

Hi Rui,

I’m not sure exactly where to look – can you be more specific?

And when you say upload theme files; do I need to delete anything first, or just upload the Uplift theme zip file? Will it remove any of the settings or custom CSS?

This website is supposed to go live later today so I want to be very careful not to make a mess of anything!

Thanks!
Elizabeth

[Rui Guerreiro – SUPPORT]

the settings and custom css are stored in the database so don’t worry with those.

If you can provide me ftp credentials I can check if those missing files are there or not.

If necessary to update the theme files, you will need to delete the theme and install it again.

Do you have any specific settings in the htaccess or wp-config.php regarding the domain name?

-Rui

[ElizabethJones]

This reply has been marked as private.

[David Martin – Support]

Hi,

Do you want the image with or without the rounded corners? I am not 100% sure what is causing this,

For no borders, please test this CSS:

.spb_image figure {
    border-radius: 0px!important;
}

To preserve the borders, test this:

.img-wrap {
    margin: 0;
}