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

Reverse the position of the promotion

    • 7 years, 3 months ago JonesBastos
      Participant

      Expired

      Hi,

      How can I reverse the position of the promotion price with the original price. I need the scratched price to appear in front of the promotional price, on the store page and on the product page.

      How do I put breadcrumb with 100% above the contents of the product page, can you help me with this?

      Thank you

    • 7 years, 3 months ago JonesBastos
      Participant

      Expired

      “How can I reverse the position of the promotion price with the original price. I need the scratched price to appear in front of the promotional price, on the store page and on the product page.” – This I already solved

      I need help with breadcrumb only

    • 7 years, 3 months ago Mirela
      Participant

      Hello,

      To make the breadcrumbs fullwidth please add this code into your custom css box:

      .woocommerce .woocommerce-breadcrumb {
          margin-top: -47px !important;
          margin-left: -285px !important;
      }
      .woocommerce div.product .product_title {
          clear: none;
          margin-top: 20px !important;
      }

      Change the values to your wish.

      Best regards!

    • 7 years, 3 months ago JonesBastos
      Participant

      Expired

      This way it does not work in certain resolutions and in the mobile version it disappears. I wanted it to be kept on top of the photo.

    • 7 years, 3 months ago Mirela
      Participant

      Hello,

      The breadcrumbs are inside the second div (first div contains product image), where the product description text is. To make it like you want it, you should change the code directly. This is not recommended as it will prevent you from taking future updates. So achieving it with css is most convenient.
      You may style it for other resolutions using the css @media rule. Use % instead of px to make it more flexible.

      Please keep in mind that personal customizations are not included in support.

      Best regards!

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