Return to previous page

Product slider modification - by Val - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 10 years, 3 months ago ago by Jack Richardson

  • Avatar: Val
    Val
    Participant
    August 14, 2014 at 12:53

    Hi,

    We have a few questions on product slider modification. Our website http://sharmgroup.by/

    1. How to get rif off product name and a cproduct category which are below the product image?
    2. How to make slider arrows smaller and a bit cloder to images?

    Thank you in advance.

    #12536 Copied
    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 14, 2014 at 13:01

    Hello,

    To hide product name and product category on products slider add the following code into the custom.css:

    .slide-item .product .product-name, .slide-item .product .products-page-cats {
display: none;
}

    Add this code to custom.css to adjust your arrows position:

    .slider-container .owl-prevv {
left: -50px;
}
.slider-container .owl-next {
right: -30px;
}

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Jack Richardson

    #12537 Copied
    Avatar: Val
    Val
    Participant
    August 14, 2014 at 13:32

    it worked. Thnks.
    One more thing left – how to make the arrows size smaller?

    #12543 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 14, 2014 at 13:37

    Hello,

    You can add the following code to the custom.css and change font-size value to your desired:

    .slider-container .owl-prev:before, .slider-container .slider-prev:before, .slider-container .owl-next:before, .slider-container .slider-next:before {
font-size: 60px;
}

    Regards,
    Jack Richardson

    #12545 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Tea Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
WooPress Fullwidth
lazy-placeholder
WooPress – Responsive Creative HTML5 Template

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.