Home Forums WoodMart support forum How to Set White Background Color for Specific Header Only (Like LastArticles)

How to Set White Background Color for Specific Header Only (Like LastArticles)

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #671905

    ivoltbg
    Participant

    Hello,

    is there a way to add a white background color to this specific header, like it is here for the “Articles” section? (check image, please)
    I tried using CSS, but it ends up applying the background to all other places where an h4 doesn’t have specific styling.

    Could you please tell me exactly how to target and apply the white background only to this specific element, so it looks the same as the “Last articles” header?

    Thank you!

    #671906

    ivoltbg
    Participant

    Image is here.

    #671907

    ivoltbg
    Participant

    Sorry, image is here.

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

    Hello,

    Try to use a custom header on your site for a specific page and change the header row background color from WoodMart > Header Builder, Woodmart theme provides the option to create different headers for different pages: https://xtemos.com/docs-topic/how-to-set-different-header-for-specific-page/
    https://xtemos.com/docs-topic/options-for-pages/

    Best Regards,

    #672119

    ivoltbg
    Participant

    Hello,

    I read everything and tried, but unfortunately, I wasn’t able to manage it.
    Could you please show me in a short video how exactly to achieve the desired result?

    I can’t seem to find the ID on that specific page and for that exact widget I showed you in the screenshot. It’s located on the “iVolt Home Page” under “Pages”.

    #672194

    Hello,

    For just clarification, do you want to add the background color in the “New Items heading “ like the “Latest articles”? If yes, then I will further check on your site and give you a possible solution.
    https://ibb.co/YFBhhQm9

    Best Regards,

    #672235

    ivoltbg
    Participant

    Hello, yes. I would like white background on heading like in the “Latest articles”, please.

    #672362

    Hello,

    Unfortunately, it’s not possible to apply a white background color to only the heading within the Product Grid widget, as the background setting applies to the entire widget container.
    As an alternative, you can:

    Remove the element title from the Product Grid or Carousel widget > Then, add a separate Section Title widget above the product grid > Apply the white background to the container of that Section Title only.

    This approach will give you the desired result of having a white background behind just the heading.

    Best Regards,

    #672400

    ivoltbg
    Participant

    Hi,

    thank you for the advice. I’m attaching a screenshot so you can see how I did it. It worked, but I’d like to ask one last thing — is it possible to embed this title into the Product Grid or Carousel widget, so that it only appears when there are new products?

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

    Hello,

    Sorry, but there is no option in Theme Settings available for that to add conditions with the title and products widget.

    It requires customizations, and this is beyond our limitations and support policy.

    Best Regards,

    #672504

    ivoltbg
    Participant

    Hi,

    аlright, thank you very much for the information and for your kind help. You can close topic.

    #672606

    Hello,

    You’re very welcome! If you need anything else, feel free to reach out!

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards,

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘How to Set White Background Color for Specific Header Only (Like LastArticles)’ is closed to new replies.