As shown in the photo on the left, the white bubble behind the “Better notes are …” is the area I want to decrease the opacity for. I want to allow some of the color of the background image to show through the bubble as shown in the second image where the opacity has been decreased to allow some of the pink to show through.
Thank you.
@Jynx2018 - can you share this page link where you have this bubble?
Sure! It’s here:
@Jynx2018 - add this css to the very end of your base.css file and check, adjust number 0.5 as per your need for transparency
#ImageWithText--template--20209423909185__image-with-text{background-color: rgba(255,255,255,0.5) !important;}
Hello @Jynx2018 ,
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code
Go to Assets folder → base.css file → add this following code at the bottom of page
.your-button-class {
opacity: 0.7
}
Replace .your-button-class with the actual class or ID of your button
Save changes
Hope this can help.
Transcy
That did it! Is there any way to apply the same thing to the bottom example on my home page as well? Down where it says “Need more paper?”
@Jynx2018 - add this as well
.image-with-text__content{background-color: rgba(255,255,255,0.5) !important;}
Thank you so much! These did it!
Thank you so much for your response!
@Jynx2018 - do let me know if you need any more changes, you have my email below