[Skip to main content](#vessel-content) # Popup Box "Continue Shopping" button styling ## - **[waveforcemedia](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile")** - [![waveforcemedia's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile") Topic Author - [ Offline](/forum/user/3094-waveforcemedia) Less More - Posts: 32 - Thank you received: 0 - - 14 years 10 months ago [\#33752](#33752) by [waveforcemedia](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile") *[Popup Box "Continue Shopping" button styling](/forum/4-how-to/33752-popup-box-continue-shopping-button-styling#33752 "Hey Nicolas, I attached an image, having an issue editing other buttons in the cart. Looks like the class "a.hikashop_cart_button" seems to affect all buttons in the afterburner template. I did make a change to the div id to test: Can you give me any insight to make it so I can have them to not display the correct styling? Thanks.")* was created by *[waveforcemedia](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile")* Hey Nicolas, I attached an image, having an issue editing other buttons in the cart. Looks like the class "a.hikashop_cart_button" seems to affect all buttons in the afterburner template. I did make a change to the div id to test: **\#hikashop\_add\_to\_cart\_continue\_div {float:left; width:200px; background:#000 !important;}** Can you give me any insight to make it so I can have them to not display the correct styling? Thanks. image missing http://www.hikashop.com/media/kunena/attachments/legacy/images/continuehika.png - [ ![continuehika.png](/forum/attachment/2300) ](/forum/attachment/2300 "continuehika.png") [ ](/forum/attachment/2300?download=1 "continuehika.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzMzNzUyLXBvcHVwLWJveC1jb250aW51ZS1zaG9wcGluZy1idXR0b24tc3R5bGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86358 - Thank you received: 14291 - - 14 years 10 months ago [\#33762](#33762) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Popup Box "Continue Shopping" button styling](/forum/4-how-to/33752-popup-box-continue-shopping-button-styling#33762 "Hey Nicolas, I attached an image, having an issue editing other buttons in the cart. Looks like the class "a.hikashop_cart_button" seems to affect all buttons in the afterburner template. I did make a change to the div id to test: Can you give me any insight to make it so I can have them to not display the correct styling? Thanks.")* Hi, You would have to add some CSS to override the style of your template for these buttons. I would need a link to that page in order to see the CSS of your website with Firebug to give you a more precise answer. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzMzNzUyLXBvcHVwLWJveC1jb250aW51ZS1zaG9wcGluZy1idXR0b24tc3R5bGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[waveforcemedia](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile")** - [![waveforcemedia's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile") Topic Author - [ Offline](/forum/user/3094-waveforcemedia) Less More - Posts: 32 - Thank you received: 0 - - 14 years 10 months ago [\#33771](#33771) by [waveforcemedia](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile") Replied by *[waveforcemedia](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile")* on topic *[Re: Popup Box "Continue Shopping" button styling](/forum/4-how-to/33752-popup-box-continue-shopping-button-styling#33771 "Hey Nicolas, I attached an image, having an issue editing other buttons in the cart. Looks like the class "a.hikashop_cart_button" seems to affect all buttons in the afterburner template. I did make a change to the div id to test: Can you give me any insight to make it so I can have them to not display the correct styling? Thanks.")* Unfortunately, it is currently on localhost. I do run firebug but it seems as if it's pointing to the class I specified, "a.hikashop_cart_button". Also, if you know how I can type the override I may be able to figure it out on my template. Am I placing the !important in the right spot? I am using the Rockettheme Afterburner template on 1.7. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzMzNzUyLXBvcHVwLWJveC1jb250aW51ZS1zaG9wcGluZy1idXR0b24tc3R5bGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86358 - Thank you received: 14291 - - 14 years 10 months ago [\#33775](#33775) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Popup Box "Continue Shopping" button styling](/forum/4-how-to/33752-popup-box-continue-shopping-button-styling#33775 "Hey Nicolas, I attached an image, having an issue editing other buttons in the cart. Looks like the class "a.hikashop_cart_button" seems to affect all buttons in the afterburner template. I did make a change to the div id to test: Can you give me any insight to make it so I can have them to not display the correct styling? Thanks.")* That CSS is correct. But I can't say if that's what you need for your template... It depends on your template I don't have it. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzMzNzUyLXBvcHVwLWJveC1jb250aW51ZS1zaG9wcGluZy1idXR0b24tc3R5bGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[waveforcemedia](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile")** - [![waveforcemedia's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile") Topic Author - [ Offline](/forum/user/3094-waveforcemedia) Less More - Posts: 32 - Thank you received: 0 - - 14 years 10 months ago - 14 years 10 months ago [\#33776](#33776) by [waveforcemedia](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile") Replied by *[waveforcemedia](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile")* on topic *[Re: Popup Box "Continue Shopping" button styling](/forum/4-how-to/33752-popup-box-continue-shopping-button-styling#33776 "Hey Nicolas, I attached an image, having an issue editing other buttons in the cart. Looks like the class "a.hikashop_cart_button" seems to affect all buttons in the afterburner template. I did make a change to the div id to test: Can you give me any insight to make it so I can have them to not display the correct styling? Thanks.")* Hi Nicolas, I just uploaded the site: [ www.chiro.semsmi.com](http://www.chiro.semsmi.com) **Shopping Cart Links:** [ www.chiro.semsmi.com/index.php/shop-onli...he-chiropractic-belt](http://www.chiro.semsmi.com/index.php/shop-online/beige-the-chiropractic-belt) [ www.chiro.semsmi.com/index.php/shop-online/black-belt](http://www.chiro.semsmi.com/index.php/shop-online/black-belt) I actually have several issues and was wondering if you could help. I tried to edit css before asking but can't get it as I am assuming there is some override I should probably use. 1. ability to use different styling for cart buttons (mentioned above) 2. adjust the +/- quantity to line up correctly with the input box / "add to cart" 3. change the buttons in the checkout page. Thank you! Last edit: 14 years 10 months ago by [waveforcemedia](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzMzNzUyLXBvcHVwLWJveC1jb250aW51ZS1zaG9wcGluZy1idXR0b24tc3R5bGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86358 - Thank you received: 14291 - - 14 years 10 months ago [\#33777](#33777) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Popup Box "Continue Shopping" button styling](/forum/4-how-to/33752-popup-box-continue-shopping-button-styling#33777 "Hey Nicolas, I attached an image, having an issue editing other buttons in the cart. Looks like the class "a.hikashop_cart_button" seems to affect all buttons in the afterburner template. I did make a change to the div id to test: Can you give me any insight to make it so I can have them to not display the correct styling? Thanks.")* 1. If you don't want the same button style for other buttons, you shouldn't use a.hikashop_cart_button:hover and a.hikashop_cart_button but you should use instead .hikashop_product_page a.hikashop_cart_button:hover and .hikashop_product_page a.hikashop_cart_button 2. That's be cause of thee line vertical-align: baseline; in that CSS: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; outline: 0; vertical-align: baseline; border-image: initial; } of your template: [ www.chiro.semsmi.com/templates/rt\_afterburner\_j16/css/light.css](http://www.chiro.semsmi.com/templates/rt_afterburner_j16/css/light.css) 3. You need to add some CSS like that: .hikashop_checkout_page a.hikashop_cart_button{ background-color: #FFFFFF !important; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzMzNzUyLXBvcHVwLWJveC1jb250aW51ZS1zaG9wcGluZy1idXR0b24tc3R5bGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[waveforcemedia](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile")** - [![waveforcemedia's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile") Topic Author - [ Offline](/forum/user/3094-waveforcemedia) Less More - Posts: 32 - Thank you received: 0 - - 14 years 10 months ago [\#33779](#33779) by [waveforcemedia](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile") Replied by *[waveforcemedia](/forum/user/3094-waveforcemedia "View waveforcemedia's Profile")* on topic *[Re: Popup Box "Continue Shopping" button styling](/forum/4-how-to/33752-popup-box-continue-shopping-button-styling#33779 "Hey Nicolas, I attached an image, having an issue editing other buttons in the cart. Looks like the class "a.hikashop_cart_button" seems to affect all buttons in the afterburner template. I did make a change to the div id to test: Can you give me any insight to make it so I can have them to not display the correct styling? Thanks.")* Hey Nicolas! It worked! Thanks for the help. I had a feeling it was also using that class. I just wasn't sure if I needed to use it and didn't know which class to apply the changes to. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzMzNzUyLXBvcHVwLWJveC1jb250aW51ZS1zaG9wcGluZy1idXR0b24tc3R5bGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.153 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)