Custom CSS Not load on page
-
Please help me to apply custom CSS on the carousel slider.
The page I need help with: [log in to see the link]
-
Hello @astra001 ,
I am checking your custom css. Do you want to change the aspect ratio of the image for your LinkedIn Feed?
Regards,
Michael
From Tagembed : Embed Instagram Feed, Facebook Feed, Reviews and Many More.No, we want to add custom CSS for slider buttons also, hide some elements from the slider. But custom CSS not working on a slider
I add the below CSS in the custom CSS option:
.themeStart47 .post, .themeStart47 .trimContenTrue .image img{ border-radius:0px !important; } .themeStart47 .slick-slide .postContent .image img { max-height: 100% !important; min-height: 100% !important; } .themeStart47 .postedText p { font-family: Roboto, sans-serif; font-weight: 400; font-size: 16px; letter-spacing: normal; color: #262A2D; line-height: 1.3; padding-right: 0; margin-bottom: 30px; text-align: left; font-style: normal; } .themeStart47 .postAuthorClassic .authorInfo .postAuthorName { font-size: 24px; font-family: Oswald,sans-serif; color: #000 !important; } .themeStart47 .flatThemeCard * { text-align: center; font-family: Roboto, sans-serif; } .themeStart47 .post { margin: 10px 10px; } .themeStart47 .slick-next:before { display:none; } .themeStart47 .slick-prev:before{ display:none; } .themeStart47 .slick-next { right: -32px; background: url(http://compado.com/wp-content/uploads/2021/10/arrows-1.png); width: 80px; height: 80px; } .themeStart47 .objectCard .postNetwork i{ display:none; } .themeStart47 .slick-prev { left: -32px; background: url(http://compado.com/wp-content/uploads/2021/10/arrows-1-1.png); width: 80px; height: 80px; } .slick-slider { padding: 0 !important; } .themeStart47 .trimContenTrue .image img { min-height: auto; } .themeStart47 .trimContenTrue .image img { height: 100%; object-fit: cover; max-height: 100% !important; min-height: 100% !important; } @media screen and (max-width: 1199px){ .themeStart47 .slick-prev { left: -28px; width: 70px; height: 70px; background-size: contain; } .themeStart47 .slick-next { right: -28px; width: 70px; height: 70px; background-size: contain; } } @media screen and (max-width: 1024px){ .themeStart47 .slick-prev { left: -20px; width: 60px; height: 60px; } .themeStart47 .slick-next { right: -20px; width: 60px; height: 60px; } } @media screen and (max-width: 992px) { .themeStart47 .post { margin: 10px 10px !important; } .themeStart47 .postAuthorClassic { padding-left: 0; padding-right: 0; } .themeStart47 .postCardContent { padding: 10px 9px; } } @media screen and (max-width:575px){ .themeStart47 .slick-next { right: -15px; background: url(https://compado.com/wp-content/themes/Divi-child/images/linkedin-arrow.svg); width: 40px; height: 40px; top: 50%; } .themeStart47 .slick-prev { left: -15px; background: url(https://compado.com/wp-content/themes/Divi-child/images/linkedin-arrow.svg); width: 40px; height: 40px; transform: rotate(180deg); } .themeStart47 .post { margin: 0 !important; } .slick-slider { padding: 0 !important; } div#eThemePosts { width: 94% !important; } .themeStart47 .trimContenTrue .image img { min-height: auto !important; } } @media screen and (max-width: 500px){ .themeStart47 .slick-next { right: -9px; } .themeStart47 .slick-prev { left: -9px; top: 47%; } } @media screen and (max-width: 360px){ .themeStart47 .slick-prev { top: 46%; } }
Hello @astra001 ,
Thank you for sharing the code with us.
Our team is working on custom CSS. Hopefully, it will be fixed by today.
Regards,
Michael
From Tagembed: Embed Instagram Feed, Facebook Feed, Youtube Channel, and Many More.Hello @astra001 ,
The Custom CSS issue has been fixed.
Regards,
Michael
From Tagembed: Embed Instagram Feed, Facebook Feed, Youtube Channel, and Many More.
- The topic ‘Custom CSS Not load on page’ is closed to new replies.