Home › Forums › WoodMart support forum › Overlay on slider + one more question

Overlay on slider + one more question

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 6, 2024 at 7:38 pm #610390

    vynil
    Participant

    Hello, I am using the Jewellery demo (https://woodmart.xtemos.com/demo-jewellery/) on a site. There appears to be some overlay on each of the hero banner images, please see attached (screenshot 1). Attached is also the original image uploaded to the site (screenshot 2), which shows the original image has no dark overlay. Can you please help me point out this issue? There is no overlay added in the settings or via code.

    And one more question on a different subject, how can I make the menu stick on scroll down (currently it’s sticky on scroll up only).

    Thank you so much in advance!

    Attachments:
    You must be logged in to view attached files.
    November 7, 2024 at 8:45 am #610432

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    01. Please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

    02. Navigate to WoodMart -> Header builder and in the settings of the header disable the “Hide when scrolling down” option – https://prnt.sc/8jZasp_a5-Kk

    Best Regards

    November 13, 2024 at 12:07 pm #611840

    vynil
    Participant

    Hello, thanks for your reply and sorry it took me a while to get back!

    RE: point 1 – this worked, I had missed the setting – THANK YOU!

    Attached is the access requested RE: point 2.

    I have one more query, I am using the WoodMart slider and I can see I can set different heights for desktop, tablet and mobile. How can I set a custom height for widescreen devices? I need the slider to be higher for larger desktop screens. Greatly thank you!

    November 13, 2024 at 2:52 pm #611894

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global.

    /* Custom height for screens wider than 1600px */
@media (min-width: 1600px) {
    #slider-26993 .wd-slide {
        height: 110vh !important; /* Adjust as needed */
    }
}

    Best Regards

    November 13, 2024 at 6:59 pm #611966

    vynil
    Participant

    Thank you! I can see the overlay on the images has been removed. Can you please indicate what you have changed since suddenly the client wants it back? Thank you in advance!

    November 13, 2024 at 7:05 pm #611968

    vynil
    Participant

    And one more question, please. For the “overlap” header I am using the light colour scheme. How can I change the colour scheme to DARK but just for the sticky header option?

    November 14, 2024 at 10:33 am #612075

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    01. Sorry to say I have not changed anything on your site.

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

    body .whb-sticked .whb-general-header, .whb-sticky-shadow.whb-sticked .whb-row:last-child {
    background: #b6adad !important;
}

    Best Regards.

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