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

Wide & vertical thumbs product page layout CSS class

    • 4 years, 2 months ago slayoffer
      Participant

      Expired

      Hey Azam, could you please tell me CSS class name for Wide & vertical thumbs single product page layout?

      I want to add this custom CSS code:

      .single-product .cl-style-default .cl-useful-info
      {
      display: none;
      }

      but need to change “.cl-style-default part” in it

      Thanks a lot!

    • 4 years, 2 months ago azam
      Keymaster

      Hi,
      Here’s the code to remove “In Stock” tag for Wide & vertical thumb single product page layout:

      .single-product .cl-style-wide .cl-useful-info{
      display: none;
      }

      Thanks,

    • 4 years, 2 months ago slayoffer
      Participant

      Expired

      Azam, thanks you brother.

      Can you help me with one more thing here please.

      Is there any way to level image and text box on the product description page so they are on the same level?

      Currently, the text box is little lower than the featured image box.

      Encharge (Копировать)

      http://joxi.ru/E2pEdQsGQ8x3AY

      And can i remove free space between the button and the categories row?

      http://joxi.ru/823dkVC8dX5dAO

      Thanks!

    • 4 years, 2 months ago slayoffer
      Participant

      Expired

      This question goes for wide & vertical thumbs layout only

    • 4 years, 2 months ago azam
      Keymaster

      Hi,

      1) Here’s the code to make image and text box level
      .woocommerce div.product .product_title{ margin-top: 0px; padding-top: 0px;}

      2) Here’s the code for free space between the button and the categories row
      .single-product .cl-style-wide .product_meta{ margin-top: 0px;padding-top: 0px;}

      Thanks,

    • 4 years, 2 months ago slayoffer
      Participant

      Expired

      Azam,

      1) Didnt work. Please check it when you can. Maybe need to include .cl-style-wide into the code?

      2) Worked great.

      Thanks!

    • 4 years, 2 months ago azam
      Keymaster

      Hi,
      Can you please send me a screenshot about you’re talking about. As the layout of the product is wide & vertical thumbs so how can we make the image and textbox level.

      Thanks,

    • 4 years, 2 months ago slayoffer
      Participant

      Expired

      Hey Azam.

      Please check here http://joxi.ru/l2Z4NpC71njRrJ

      You can see that text box is lower than featured image.

      If thats unsolvable then OK.

    • 4 years, 2 months ago azam
      Keymaster

      Hi,
      Here’s the code:
      .woocommerce div.product .product_title{padding-top: 0px;}
      .single-product .cl-style-wide .cl-product-info .summary{ margin-top: 0px; padding-top: 0px;}

      Thanks,

    • 4 years, 2 months ago slayoffer
      Participant

      Expired

      Thanks, Bro!

    • 4 years, 2 months ago azam
      Keymaster

      Welcome!

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