Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

WooCommerce Cart Widget Styling Issue

woocommerce
    • 6 years, 7 months ago alpenzone
      Participant

      Expired

      On my site the WooCommerce Cart Widget has a styling issue after having switched temporarily between Specular and one of the standard WordPress themes to test the site whilst resolving another issue.  When I reverted back to Specular I was left with a styling issue with the Cart Widget after a product has been added.  Do you know what I need to do to fix this please.

    • 6 years, 7 months ago alpenzone
      Participant

      Expired

      You can see the issue on my website:

      “www.rat3d.co.uk/online-shop/”

       

    • 6 years, 7 months ago Ruco
      Keymaster

      Hello,

      I think that problem was caused by some plugin that you have installed.

      Please try to disable them for a moment. If the problem persist i can help you to fix the css issue.

      Let us know.

      Regards!

    • 6 years, 7 months ago alpenzone
      Participant

      Expired

      I tried disabling the plugins but it did not resolve the issue unfortunately.

    • 6 years, 7 months ago alpenzone
      Participant

      Expired

      I mainly resolved my issue by removing the ‘Woocommerce Cart’ element from my Online Shop page and instead added the ‘Basket’ widget to the sidebar for the Online Shop page.  The basket looks different but ok, however, the ‘Checkout’ and ‘View basket’ buttons do not display properly – sometimes the buttons are there, sometimes just text, sometimes the text is misaligned.  Do you know how I can resolve these please so that the buttons show up consistently?

    • 6 years, 7 months ago Ruco
      Keymaster

      Hello,

      Please try to add this lines of css:

      .woocommerce-mini-cart__buttons.buttons .button{ 
          text-transform: capitalize;
          border-width: 2px;
          border-style: solid;
          float: left;
          color:#222 !important
          border-color: #ddd;
          border-radius: 3px;
          -webkit-border-radius: 3px;
       }
      
      .woocommerce-mini-cart__buttons.buttons .button.checkout{
         margin-left: 5px;
      }
      

      Save the changes on style.css or custom css box.

      Let us know.

      Regards!

    • 6 years, 7 months ago alpenzone
      Participant

      Expired

      It’s better after adding your code but not perfect.  The buttons appear one below the other but they don’t look very tidy.  Not sure if they can be improved at all.  What do you think after looking at them on the Online Shop page after adding a product to the basket?

    • 6 years, 7 months ago Ruco
      Keymaster

      Hello,

      You can add some other custom css to fix it completely anyway now it is better you can check my screen how does it look:

      https://imgur.com/a/f14Rk0F

      Regards!

Viewing 7 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password