Edit Widget so the Background Comes Through

  • Answered
I want to edit a widget on my Home page so the background theme comes through?
Hello, Thank you for your question about allowing the background image to show through a widget. You can accomplish this with custom CSS. Here are the steps:
  1. Log into BoldGrid
  2. Click the Customize link.
  3. Click the Advanced option.
  4. Click Custom JS & CSS.
  5. Open the editor for Custom Theme CSS.
  6. Copy and Paste the following below any existing code:

    .palette-primary .site-header .well { background-color: rgba(102,102,102,.5); }

  7. You can adjust the opacity (how transparent it is) by change the ".5" in the code above. It goes from 0-1. For example: 0 will be more transparent, while 1 will display "as is" with a gray background.
    1. Thank you, John-Paul