success message background colour

[monderiv]

Hello

I have couple of questions:
1- I would like to change the background colour of the message box, but it is not changing. I tried with Custom CCS, but no luck.

Checkout

2- Seems there is an issue with swiftslider on the homepage. Seems is not working well with mobile. Can you advice on that?

Many thanks
Monderiv

[Rui Guerreiro – SUPPORT]

Hi,

1) try this code

.alert-success {
    background-color: #cae0d7;
}

2) In the homepage? What exactly are you experiencing?

-Rui

[monderiv]

Thanks Rui,

I am afraid the colour of the message box is not changing despite using the code.

As for the homepage the swiftslider is not really working correctly on mobile, is shows part of the image. I also need to know what is the size of my container on swiftslider on the homepage, need that to prepear my images for uplaod.

Many thanks

[Rui Guerreiro – SUPPORT]

Just added the !important tag and it works fine now.

https://www.dropbox.com/s/h8kcjacd1afy0v8/Screenshot%202017-03-20%2017.06.55.png?dl=0

Because of larger screens it’s recommend at least 1700px wide, so it can go from there to lower resolutions.
Give it a try to see if the issue in mobile still persists.

-Rui

[monderiv]

Dear Rui,

Does the height matter on swift slide. I did load an image 1700 px wide, but it stretches it and make it blowup. When I see the uploaded image on the webpage it is not exactly the same image loaded, as it is blown up, some details missing, it is bigger for sure then what I load.

Can you tell me how to resolve this.

[David Martin – Support]

The image is set to “cover” –

the image will fill the height and width of its box, once again maintaining its aspect ratio but often cropping the image in the process.

. Ref: https://css-tricks.com/almanac/properties/o/object-fit/

[monderiv]

Thanks.

I tried using the code you sent but nothing change on swift slider.

img {
height: 553px;
}

.cover {
width: 1700px;
object-fit: cover;
}

Please kindly advice further.
Many thanks

[David Martin – Support]

It would not work, the background image is scaled to fit the size of the slider. Your original image is too small in height and too wide to be correctly scaled to fit proportionally.

[monderiv]

But the original image as can be seen on the edit is 1700 px with 533 px.

Let me know what I should do.

[David Martin – Support]

Why not set the height limit to 533 on the slider?

[monderiv]

Hello

Where do you set the hight limit to 533?

I really need your help on this, appreciate if you could give me some more information.

[David Martin – Support]

Please edit the page and located the Page Builder slider asset. Here you will find the Slider Max Height setting:

[monderiv]

Thanks, all resolved.

Can you please let me know why the instagram images on the social grid look stretched,they do not appear as they should be.

I have attached an image.

Many thanks
Fariba

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Please setup a test page so I can see this.

[monderiv]

Hi

I have a couple of questions.
1- Can you please let me know why the swift slider on the home page does not appear properly on mobile.
Only shows middle section of it.see attached image.

2- The images (SPB sections) of the home page on mobile version they are stick to each other, should have gap between them.
see attached image.

Many thanks
Fariba

Attachments:

You must be logged in to view attached files.