- Posts
I am familiar with how to change a background image by using the various coloured boxes for rows, columns or the section. My header section for the referenced page has a background image with opacity applied within one section with several rows. The rows do not make up one column together. I cannot figure out how to change the image or opacity.
I obviously added the picture to begin with but cannot find the element to adjust it from here. Would appreciate any insight!
Hi Kara,
Thanks for reaching out with your BoldGrid Post and Page Builder questions.
In order to change the image and opacity of the hero image here you’ll need to select the overall section containing it. Any section can contain many rows, columns and elements nested within it so you want to be sure you’re selecting the “black “section tab” when you hover over your hero section.
From there chose “Change Background” and the controls settings for that sections background will appear. Click Image to change your image and Settings to open the control tab to change the sections opacity.
I hope this helps Kara! Please let us know if you have any other questions for us.
Thanks for the reply, Brandon. Unfortunately, I did try the black tab. Any other suggestions?
Thanks Kara,
I’m sorry to hear you didn’t make any progress there. It’s possible that image is tied to a row. One thing we can do is review your code on our end if your don’t mind creating a Github Gist for us.
All you have to do is open your page in the Post and Page Builder and click the “Text” editor tab. The raw HTML will appear in the editor. Copy/paste that html into your gist and create a link to share with us.
We’ll review your code and tell you exactly what you need to do to make your changes.
- The topic ‘How do I change the image and opacity of my hero background in Post and Page Builder?’ is closed to new replies.
