Support » Theme: Wallstreet » new page with green leaves

  • Resolved osmanazizi

    (@osmanazizi)


    hi group. I have created a new page and comes out with a leaves and grey box arround picture. Is posible to change

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Akhlesh Nagar

    (@akhlesh-nagar)

    HI
    Thanks for contacting to us.
    See the snapshot and confirm me, what to change this gray box background color.
    Kindly confirm us so that we can assist you better.

    Thanks
    Akhilesh

    osmanazizi

    (@osmanazizi)

    thanks Akhlesh, yes that grey box and, i think is call hether or heather, up in the same page show a leave with water drops.

    Akhlesh Nagar

    (@akhlesh-nagar)

    Hi
    Thanks for contacting to us.
    To change background color, For this go to appearance >> customizer >> header setting >> custom css box.
    Add the below css code inside the custom css box.

    .blog-detail-section {
    background-color: #181d2d;
    }

    Change background color value as your need.
    Let me know for any confusion.

    Thanks
    AKhilesh

    Thanks very much, that work perfect. what about the heather, the picture of the leave with water drops, that can be change??

    Thanks in advance for your time

    Never mind AKhilesh, i have solve the leave picture problem, thanks for your time

    Hi
    Glade to know that it’s work for you.
    If you like our theme and support pls give rate us here.
    https://wordpress.org/support/theme/wallstreet/reviews/#new-post

    Thanks
    Akhilesh

    How did you solve the leave picture problem? I do have the same problem and most options I googled do not work for me.

    I wait untill summer. lol

    I belive was

    .page-mycarousel { background: url(‘HERE YOU PUT THE URL OF THE PICTURE THAT REPLACE THE LEAVE.JPG’) repeat scroll 0 0 / cover #143745

    Sorry, here it is

    .page-mycarousel {
    background: url(‘https://condadodelrio.com/wp-content/uploads/2019/10/2018-04-01-13.59.32.jpg’) repeat scroll 0 0 / cover #143745 !important;
    box-shadow: 0 7px 10px -10px #000;
    padding: 336px 0 65px;
    }

    .page-mycarousel .img-responsive { display: none; }
    @media (max-width: 1441px){
    .page-mycarousel {
    padding: 300px 0 15px;
    }
    }
    @media (max-width: 1200px) {

    .page-mycarousel {
    padding: 250px 0 15px;
    }
    }
    @media (max-width: 992px) {
    .page-mycarousel {
    padding: 200px 0 15px;
    }
    }
    @media (max-width: 768px) {
    .page-mycarousel {
    padding: 150px 0 15px;
    }
    }
    @media (max-width: 480px) {
    .page-mycarousel {
    padding: 100px 0 15px;
    }
    }
    @media (max-width: 300px) {
    .page-mycarousel {
    padding: 50px 0 15px;
    }
    }

    Tell me if works for you

    • This reply was modified 2 months, 3 weeks ago by osmanazizi.

    Yes, it works! Thank you!

Viewing 10 replies - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.