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

Sidebar width

sidebar
    • 9 years, 11 months ago pollypots1981
      Participant

      Expired

      My sidebar widget appears to be too wide and its running over my content.  I must be doing something wrong but can’t work out.  I’ve gone through all settings to try and fix it but just can’t seem to work out how to do it.  I’ve included a screen grab so that you can see what’s happening. What do I need to do?

    • 9 years, 11 months ago Mirela
      Participant

      Hello,

      You can add this code into your custom css box:

      #widgetarea-sidebar {
          width: 20% !important;
      }

      If you are not satisfied with the result, send us a link where you have two sidebars, so that we can give a more precise advice.

      Best regards!

    • 9 years, 11 months ago pollypots1981
      Participant

      Expired

      Hi, thanks for the speedy response.  This appears to have fixed my sidebar issue but think I have an issue elsewhere.  See this link https://www.yourpm.coach/test/product-category/project-programme-management/agile-and-scrum/.  As you can see I should have 5 products on display but for some reason these are splitting across three rows rather than two which they should be.  Do you know what it is I’m doing wrong?

    • 9 years, 11 months ago pollypots1981
      Participant

      Expired

      Ahhhh spoke to soon, still experiencing an issue with sidebar width.  Its hasn’t worked on this page https://www.yourpm.coach/test/product/agile-foundation-practitioner-exam/ (forgot the page I initially checked that I had actually put padding on to prevent the issue).

    • 9 years, 11 months ago Mirela
      Participant

      Hello,

      Please edit the code above to this:

      #widgetarea-sidebar {
          width: 23% !important;
          padding-right: 20px !important;
      }

      Result screenshot.
      And this code:

      .woocommerce .with_sidebar ul.products li.product, .woocommerce-page .with_sidebar ul.products li.product {
          width: 22% !important;
      }

      For the products (screenshot). Let us know.

      Best regards!

    • 9 years, 11 months ago pollypots1981
      Participant

      Expired

      Woo hoo! It worked! Thank you!

Viewing 5 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