Title: Modifying plugin’s CSS with Child Theme Last modified: August 7, 2018 --- # Modifying plugin’s CSS with Child Theme * [bkorzeniowski](https://wordpress.org/support/users/bkorzeniowski/) * (@bkorzeniowski) * [7 years, 10 months ago](https://wordpress.org/support/topic/modifying-plugins-css-with-child-theme/) * Howdy, * What is (if there is) a procedure to modify the css of plugin via the child theme. * Best, Bartek Viewing 1 replies (of 1 total) * [carver1g](https://wordpress.org/support/users/carver1g/) * (@carver1g) * [7 years, 6 months ago](https://wordpress.org/support/topic/modifying-plugins-css-with-child-theme/#post-10954351) * Copy what you want to modify from the cart tab css and paste it in your child theme’s css. * Here’s an example of my child theme’s css: * .woocommerce-cart-tab{ background-color: #FFF !important; background-image: url(“data:image/svg+xml;charset=UTF-8,%3csvg version=’1.1′ xmlns=’[http://www.w3.org/2000/svg’](http://www.w3.org/2000/svg’); width=’54’ height=’56’ viewBox=’0 0 26 28′ xml:space=’preserve’ class=’woocommerce- cart-tab__icon’%3e%3cdefs%3e%3clinearGradient id=’a’ x1=’5.961′ x2=’27.37′ y1 =’11.796′ y2=’10.952′ gradientTransform=’matrix(1.0613 0 0 1.2004 -1.143 -2.2)’ gradientUnits=’userSpaceOnUse’%3e%3cstop stop-color=’%230f0′ offset=’0’/%3e%3cstop stop-color=’%230f0′ stop-opacity=’0′ offset=’1’/%3e%3c/linearGradient%3e%3c/defs% 3e%3ctitle%3eshopping-cart%3c/title%3e%3cpath d=’M10 24c0 1.094-.906 2-2 2s-2-. 906-2-2 .906-2 2-2 2 .906 2 2zm14 0c0 1.094-.906 2-2 2s-2-.906-2-2 .906-2 2-2 2 .906 2 2zm2-17v8c0 .5-.391.938-.891 1L8.797 17.906c.078.359.203.719.203 1.094 0 .359-.219.688-.375 1H23c.547 0 1 .453 1 1s-.453 1-1 1H7c-.547 0-1-.453-1-1 0-.484.703-1.656.953-2.141L4.187 6H1c-.547 0-1-.453-1-1s.453-1 1-1h4c1.047 0 1.078 1.25 1.234 2H25c.547 0 1 .453 1 1z’/%3e%3cpath d=’M5.842 6.923L7.776 17.01l16.923- 1.884V6.862z’ fill=’url(%23a)’ stroke=’%23230000′ stroke-width=’1.129’/%3e%3c/ svg%3e”); background-repeat: no-repeat; background-position: 3px -5px; * } * .woocommerce-cart-tab__contents { background-color: #008600 !important; margin- bottom: -2px; width: 23px !important; height: 23px !important; line-height: 20px! important; //border: 2px solid #000; color: #FFF !important; font-weight: 700! important; } * .woocommerce-cart-tab .woocommerce-cart-tab__icon { position: absolute; top: 48% !important; left: 43% !important; transform: translateX(-50%) translateY(- 50%); width: 50px !important; } * .woocommerce-cart-tab p{ font-family: helvetica, arial; font-weight: 600; font- size: 14px; margin-left: 7px; margin-top: 53px; } Viewing 1 replies (of 1 total) The topic ‘Modifying plugin’s CSS with Child Theme’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/woocommerce-cart-tab_d7d3d0.svg) * [WooCommerce Cart Tab](https://wordpress.org/plugins/woocommerce-cart-tab/) * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce-cart-tab/#faq) * [Support Threads](https://wordpress.org/support/plugin/woocommerce-cart-tab/) * [Active Topics](https://wordpress.org/support/plugin/woocommerce-cart-tab/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce-cart-tab/unresolved/) * [Reviews](https://wordpress.org/support/plugin/woocommerce-cart-tab/reviews/) ## Tags * [child theme](https://wordpress.org/support/topic-tag/child-theme/) * [css](https://wordpress.org/support/topic-tag/css/) * [Modify](https://wordpress.org/support/topic-tag/modify/) * 1 reply * 2 participants * Last reply from: [carver1g](https://wordpress.org/support/users/carver1g/) * Last activity: [7 years, 6 months ago](https://wordpress.org/support/topic/modifying-plugins-css-with-child-theme/#post-10954351) * Status: not resolved