[Resolved] CSS code lost on frontend display

[Author]

Posts

[francescoG-3]

I am trying to:
I'm trying to set a CPT posts carousel with View CSS and JS, and using Divi Builder in Content Template.

Link to a page where the issue can be seen:
hidden link

I expected to see: The carousel that uses the CSS code I have added on it, but in the frontend, the View doesn't read it, and in the frontend has displayed the carousel, with JS automatic scroll, but without the CSS stylization...
This, after the last View and Type update.

This happens like in other sites of my customer and I don't have updated Toolset to the last version, and if I have do the update after I have done the downgrade.

Can you help me please?

[Shane]

Hi Francesco,

Would you mind allowing me to have admin access to the website so that I can have a look ?

The private fields will be enabled for your next response.

From what I can see on the frontend, the css is in fact not loading so I would like to check the backend.

Thanks,
Shane

[francescoG-3]

Hi, I cannot see the private fields. Can you enable them?
Thank you

[Shane]

Hi Francesco,

They should be enabled now.

Thanks,
Shane

[Shane]

Hi Francesco,

I'm not able to identify any immediate reason for the css not loading. The javascript editor loads fine and the items are being loaded.

As a part of the debug step, can you re-create this view and re-add it to this exact page and check again to see if the problem still remains?

It could be that the view is corrupt and not loading the css settings for it. If this does not work then I would need to grab a copy of the site so that I can make further checks in a safe environment without disturbing your live site.

Looking forward to hearing from you soon.

Thanks,
Shane

[francescoG-3]

Hi Shane,
I have recreated the two carousel Views using the following name "carousel-clienti-2" and "carousel-clienti-web-2".
I have changed the two shortcode name on homepage.
But, the display issue remains... The CSS code is not read from the CSS box in the Views. So, a speed solution is to move the CSS code into the WordPress CSS code Editor or in the style.css file but, I think that the View bug need to be solved!!!

Thanks

[Shane]

Hi Francesco,

The view is working fine.

Have a look at my copy here.
hidden link

What is actually causing the issue is this css below.

.carousel-button-web:after {
  font-family: "etmodules";
  content: "\44";
  color:#ffffff;
  font-size:28px;
  position: absolute;
  top: 42%;
  left: 0;
  width: 17px;
  /*height: 17px;
  margin-top: -9px;*/
}

Specifically content: "\44"; when I removed this the css started loading fine.

Thanks,
Shane

[francescoG-3]

My issue is resolved now. Thank you!