![\"\"](\"https:\/\/docs.droitthemes.com\/wp-content\/uploads\/2019\/12\/custom_class.jpg\")
<\/figure>\n\n\n\nImage Classes<\/a><\/h2>\n\n\n\n\n- Use the
max-width-none<\/code> class if you want to disable the Elementor default image max-width: 100%<\/code> to max-width: none<\/code><\/li>\n\n\n\n- Use the
image-box-shadow<\/code> class to apply a box-shadow around an image or images. You can use this class in Image related widgets (Image, Image Carousel, Gallery).<\/li>\n\n\n\n- Use the
rotate_effect<\/code> class, if you want to enable rotating on hovering over an image.<\/li>\n<\/ul>\n\n\n\nShadow on button hover<\/a><\/h2>\n\n\n\n\n- Use the
btn-hover-shadow<\/code> class, if you want to apply a red color scheme box-shadow on the button hover.<\/li>\n\n\n\n- Use the
yellow-btn-hover-shadow<\/code> class, if you want to apply a yellow color scheme box-shadow on the button hover.<\/li>\n\n\n\n- Use the
btn-shadow-none-hover<\/code> to disable the box-shadow style from a button.<\/li>\n\n\n\n- Use the
btn-hover-shadow-black_alpha-1<\/code>class to apply black alpha 0.1 rgba(0, 0, 0, 0.1)<\/code> color scheme box-shadow on the button hover.<\/li>\n<\/ul>\n\n\n\nNote:<\/strong> Apply these CSS classes in the Elementor\u2019s default Button widget only.<\/p>\n","protected":false},"excerpt":{"rendered":"Some style properties can not generate with Elementor controls. As like, box-shadow on button hover, anchor tag hover color, rotate effect, box-shadow on Image Carousel images. For this reason, we applied these style properties with some custom CSS class. Here, we are listing those custom CSS classes as references. You can also use these custom […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8182,"menu_order":5,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-8190","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/docs\/8190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/comments?post=8190"}],"version-history":[{"count":0,"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/docs\/8190\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/docs\/8182"}],"wp:attachment":[{"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/media?parent=8190"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=8190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
max-width-none<\/code> class if you want to disable the Elementor default image max-width: 100%<\/code> to max-width: none<\/code><\/li>\n\n\n\n- Use the
image-box-shadow<\/code> class to apply a box-shadow around an image or images. You can use this class in Image related widgets (Image, Image Carousel, Gallery).<\/li>\n\n\n\n- Use the
rotate_effect<\/code> class, if you want to enable rotating on hovering over an image.<\/li>\n<\/ul>\n\n\n\nShadow on button hover<\/a><\/h2>\n\n\n\n\n- Use the
btn-hover-shadow<\/code> class, if you want to apply a red color scheme box-shadow on the button hover.<\/li>\n\n\n\n- Use the
yellow-btn-hover-shadow<\/code> class, if you want to apply a yellow color scheme box-shadow on the button hover.<\/li>\n\n\n\n- Use the
btn-shadow-none-hover<\/code> to disable the box-shadow style from a button.<\/li>\n\n\n\n- Use the
btn-hover-shadow-black_alpha-1<\/code>class to apply black alpha 0.1 rgba(0, 0, 0, 0.1)<\/code> color scheme box-shadow on the button hover.<\/li>\n<\/ul>\n\n\n\nNote:<\/strong> Apply these CSS classes in the Elementor\u2019s default Button widget only.<\/p>\n","protected":false},"excerpt":{"rendered":"Some style properties can not generate with Elementor controls. As like, box-shadow on button hover, anchor tag hover color, rotate effect, box-shadow on Image Carousel images. For this reason, we applied these style properties with some custom CSS class. Here, we are listing those custom CSS classes as references. You can also use these custom […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8182,"menu_order":5,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-8190","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/docs\/8190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/comments?post=8190"}],"version-history":[{"count":0,"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/docs\/8190\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/docs\/8182"}],"wp:attachment":[{"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/media?parent=8190"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/picmaticweb.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=8190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}