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

I want to add shadow around some containers.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 16, 2024 at 11:59 pm #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.
    December 17, 2024 at 1:36 pm #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,

    December 17, 2024 at 8:09 pm #623346

    otoecu
    Participant

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

    December 18, 2024 at 8:23 am #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,

    December 18, 2024 at 9:07 am #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.
    December 18, 2024 at 2:01 pm #623538

    Hung Pham
    Keymaster

    Hello otoecu,

    So you need to use Container widget and divide it into 5 columns, use Image or SVG widget instead and follow #1 answer to add box shadow to each columns.

    Regards,

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)