• Resolved baller233

    (@baller233)


    Hello,

    great plugin, but I can not edit it how it looks. How can I remove a border, a headline, a price and other info it show? Also how can I change a size of an image?

    I add it to Elementor with a shortcode [woo-related]

    Single product page created with Elementor and a theme is Woostroid2 Child. Theme also use JetPlugins.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Vagelis

    (@eboxnet)

    Hello there,
    the plugin uses the theme’s WC styling to display the related products.

    Now since you use Elementor to “build” your theme that may not look so good.
    From what I can see on the link you sent you can easily style the output with a few lines of CSS.

    Thread Starter baller233

    (@baller233)

    Thank you for a respond! Is any chance that you can write an example how can I remove a border or hide a Title?
    Thank you!

    Plugin Author Vagelis

    (@eboxnet)

    Hi, sure no problem.

    
    /* This will remove the title */
    .woo-related-products-container  .woocommerce-loop-product__title {
      display: none;
    }
    /* This will center the text, reduce padding - to make the image bigger - and remove the border */
    .woo-related-products-container  .product-content {
      text-align: center;
      border: none!important;
      padding: 10px!important;
    }

    I hope that helps.

    • This reply was modified 4 years, 6 months ago by Vagelis.
    Thread Starter baller233

    (@baller233)

    Thanks a lot!

    Thread Starter baller233

    (@baller233)

    I understand that maybe I ask too much, but one more and last question. Under the price is icon and written “Pasirinkite savybes”. Maybe you can tell me how I can remove this?
    Thank you a lot for your help!

    Plugin Author Vagelis

    (@eboxnet)

    Hello, no worries.

    That should do that trick

    .woo-related-products-container a.button.product_type_variable.add_to_cart_button {
        display: none;
    }
    Thread Starter baller233

    (@baller233)

    Thank you!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘can not edit how it looks’ is closed to new replies.