Home Forums WoodMart support forum I want to add shadow around some containers.

I want to add shadow around some containers.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #622998

    otoecu
    Participant

    Hello I want to add shadows to some containers. Just like the template in the last viewed products. I numbered them in the picture for you to understand better.
    Row number 1 – last viewed products.
    Row number 2 – I want to add shadows around them just like row number 1 and make them more visible.
    Columns numbered 3,4,5,6,7 – I want to add shadows around them just like row number 1 and make them more visible.

    I hope I could explain.

    Or I want to make my question simpler. How can I change the template of the last viewed products specifically for myself. For example, I want to put that template in place of columns 3,4,5,6 and write whatever I want in it. Or can I search for that template in elementor as be?

    Attachments:
    You must be logged in to view attached files.
    #623183

    Hung Pham
    Keymaster

    Hello otoecu,

    Thanks for reaching to us.

    To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

    Regards,

    #623346

    otoecu
    Participant

    Hello, The page I mentioned is directly on the home page. For your information..

    #623416

    Hung Pham
    Keymaster

    Hello otoecu,

    Thanks for details.

    1. Row 2

    Please refer to this article for more details https://elementor.com/academy/add-drop-shadow-effects-to-your-wordpress-website-using-elementor-page-builder/

    2. Columns

    Use this tool to generate box-shadow https://www.cssmatic.com/box-shadow

    Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    .wd-brands .wd-carousel-item{
    	padding: 0 20px;
    }
    
    .wd-brands .wd-carousel-item .wd-brand-item{
    	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
    }

    Regards,

    #623425

    otoecu
    Participant

    Hello again. I think I couldn’t convey what I wanted to do. I don’t want any changes in the brands. I want to divide the area I have enclosed in yellow into separate columns. And I want to add a shadow around it like in the first row of the attached picture.

    Attachments:
    You must be logged in to view attached files.
Viewing 5 posts - 1 through 5 (of 5 total)