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 #3677715
Category Page Layout
Open

Comments

  •  1
    Sharon England started the conversation
    July 1, 2024 at 11:44pm

    Hi, I would like to change the layout of my category pages and updated to the page style aren't working. Specifically I would like to change or take off the black vignette over the images on the post listings. Can you please point me in the right direction. Thanks, Sharon

  •  2,540
    PenciDesign replied
    July 2, 2024 at 12:35am

    Hi,

    Can you send me some screenshots?

    Regards,
    PenciDesign.


  •  1
    Sharon England replied
    July 2, 2024 at 12:49am
    1864008406.png

    Hi - I want to change the post listings directly above to remove or change the black vignette on the bottom of the images.

    thanks, Sharon

  •  2,540
    PenciDesign replied
    July 2, 2024 at 2:18am

    Hi,

    The content located on the screenshot you sent is the category featured post.

    You can customize it by going to Appearance → Customize → General → Category, Tag, Search, Archive Pages → Show Featured Posts.

    Regards,
    PenciDesign.


  •  1
    Sharon England replied
    July 2, 2024 at 2:29am

    Hi 

    thanks I am in that section of Customise but exactly which is the setting for the colour on the gradient over the photo?

    sharon

  •  2,540
    PenciDesign replied
    July 2, 2024 at 4:13am

    Hi,

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

    .biggrid-archive-wrapper {
      --bgcolor: #000; /* replace #000 with the custom color */
    }
    .biggrid-archive-wrapper .pcbg-bgoverlay.active-overlay {
        background: -webkit-linear-gradient(
                to bottom,
                rgba(255, 255, 255, 0) 60%,
                var(--bgcolor) 100%
        );
        background: -o-linear-gradient(
                to bottom,
                rgba(255, 255, 255, 0) 60%,
                var(--bgcolor) 100%
        );
        background: -ms-linear-gradient(
                to bottom,
                rgba(255, 255, 255, 0) 60%,
                var(--bgcolor) 100%
        );
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, var(--bgcolor) 100%);
        opacity: 0.7;
    }

    Regards,
    PenciDesign.



  •  1
    Sharon England replied
    July 15, 2024 at 2:58am

    Hi Guys - you sent this a while ago but it still isn’t working. I added Custom CSS as instructed but no dice. I can’t rid of the black gradient over these images. Anything else?

    https://thecreativelifeproject.com/category/creative-living/

    Thanks,

    Sharon

  •  2,540
    PenciDesign replied
    July 15, 2024 at 3:10am

    Hi,

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

    .biggrid-archive-wrapper .pcbg-bgoverlay.active-overlay {
    display: none;
}

    Regards,
    PenciDesign.


  •  1
    Sharon England replied
    July 15, 2024 at 3:15am

    that worked. Thank you.

    You guys are super quick and very helpful!!!

    Really appreciate it.

    Sharon