Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3773562
Background color featured categories homepage
Open

Comments

  •  1
    tim-nieuwpoort started the conversation
    November 28, 2024 at 3:36pm

    Hi,

    Where can I adjust the color of this background (featured categories) on the homepage. See attachment.

    Thanks.

    Attached files:  Screenshot.png

  •  2,658
    PenciDesign replied
    November 28, 2024 at 4:25pm

    Hi,

    Please send me your site URL.

    Regards,
    PenciDesign.

  •   tim-nieuwpoort replied privately
  •  2,658
    PenciDesign replied
    November 28, 2024 at 5:10pm

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    body.home .home-featured-boxes {
  background: #000;
  width: 100%;
  padding-top: 30px;
}
body.home .home-featured-boxes > ul {
  max-width: var(--pcctain);
  margin-left: auto;
  margin-right: auto;
}

    Regards,
    PenciDesign.

  •  1
    tim-nieuwpoort replied
    November 28, 2024 at 5:18pm

    Hi,

    Thanks.

    So, there is no option for this in customizer?

  •  2,658
    PenciDesign replied
    November 28, 2024 at 5:19pm

    Hi,

    Yes, if you want to create more advanced customizations, I recommend building the page content using the Elementor Page Builder.

    Regards,
    PenciDesign.

  •  1
    tim-nieuwpoort replied
    November 30, 2024 at 10:53am

    Hi, 

    Thanks.

    And, where can I adjust the color of this background (populair posts) on the homepage: https://prnt.sc/mPjQlLXxDovr

    Or do I also need a custom CSS code?


  •  2,658
    PenciDesign replied
    November 30, 2024 at 12:27pm

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    body.home .penci-home-popular-posts {
  background: #000;
  width: 100%;
  padding-top: 60px;
}
body.home .penci-home-popular-posts > .swiper {
  max-width: var(--pcctain);
  margin-left: auto;
  margin-right: auto;
}

    Regards,
    PenciDesign.