Went to Menu > Menu Item/Page About > Background Image and inserted the image. Also changed color in Custom CSS. I've put background images in all of the menu items, but none of them show through in the page-title area.
Access, I am sure you will need, is in the hidden content.
Thank you!
Hi there!
Sorry for your experience, and thank you for providing access.
The issue was caused by the custom CSS. I have marked the problematic areas in the screenshot shared in the hidden content section.
Best regards,
I did have to comment out the existing background in preset1.css, which allowed the image to display appropriately:
.sp-page-title {
background: #ff629b;
}
But, I am still not getting the transparent color of rgb(140, 99, 147) aka hex #8c6393, instead I have this pink/orange color. Those colors are still there regardless of my edit to preset1.css
So sorry, Rashida. I feel so clueless. I have no idea where all the bodies are buried.
Hi,
The preset1.css or template.css files are not recommended to edit. Please keep all the CSS changes in your custom.css file or the custom CSS field of the template Options.
Here is all about custom code placement for Helix3:
https://www.joomshaper.com/documentation/helix-framework/helix3/custom-css-header-code
Best regards,
Yes, I already know about items discussed in the link.
As far as this topic, I found the location of the background, it was specified in the .sp-page-title:after class, so I put it in the custom.css file and it is good now.
Thank you for sticking with me on this. It's appreciated!
Hi,
Glad that it is working fine now and you are always welcome:)
You may accept an answer here to close the post.
Have a nice day!
Hello,
Hope you are doing well.
There is an Accept button below each reply. You can accept an answer there to officially close the post.
Thanks!
