How to make post grid background transparent?

  • Resolved Pinda Vale

    (@howtodofix)


    3 years, 9 months ago

    Hello, actually we are trying to make post grid background transparent on on homepage of our website and unfortunately we wasn’t able to do so, can anyone help please. Thank you.

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • I am not a BSF representative, but saw this question and thought I may be able to help.

    In the page editor, select the post grid block you want to be transparent. In the block settings under advanced, give it a custom class such as transparent-post-grid and then save your changes.

    Open the page in the customizer and go to custom CSS and add this code:

    .transparent-post-grid .uagb-post__inner-wrap {
	background-color: rgba(0,0,0,0);
}

    This will set the background color to transparent on the inner wrap of any UAG post grid block that you have set the custom class to transparent-post-grid.

    Thread Starter Pinda Vale

    (@howtodofix)

    hi, you said you are not a BSF representative, but I think you should be. Your suggestion worked like a charm. Thank you a lot for your help. Everything is working fine now. Thank you again.

    Hah! I’m glad it worked for you ??

    I just happen to use Astra & UAG for all my builds so I know my way around the options. Making use of the ability to assign custom CSS classes in blocks is an excellent tool that anyone who builds sites can benefit from. Combine that with Chrome’s inspection tool to find which built-in class to target (ie .uagb-post__inner-wrap) gives you pretty much full control over how your site looks without having to be good at code.

    • This reply was modified 3 years, 9 months ago by CGS Web Designs. Reason: Typo
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to make post grid background transparent?’ is closed to new replies.

Tags