I wrote some custom CSS, targeting the header to be 60% transparent with a repeated SVG background. Everything appears normal until you visit a sub-page. The header's background stays at 60% transparency, but the repeated background is not appearing. I inspected the header element in two of my sub-pages and the SVG is most definitely being applied, but why isn't it showing up? Here are two links to separate sub-pages:
And I just realized no SVGs are appearing on the sub-pages. In the attached files, guess which one was taken from a sub-page. Must be an issue with the theme.
Oh, that's weird. I wonder why it's recognized on all the main pages, but it can't find the SVGs on sub-pages. I mean, those are the correct URLs for those two particular SVGs. Let me see if I can switch 'em out with PNGs and see if it finds that. If it does, then there's something finicky with the theme.
I replaced the flutterby logo in the footer widget with a PNG and it's still not working and it's giving the same error. Oh, fuck me. I just realized what the issue is. Those aren't the correct file paths. In the code, I shortened the file path to <src="../wp-content/uploads/2014/06/counter-logo.svg">. So, on sub-pages it's adding the sub-page name prior to the file path, which is coming up null for obivous reasons. I guess I'll have to use the entire file path when calling image files, or is there someway to keep the short file path and still have it work on sub-pages?
I wrote some custom CSS, targeting the header to be 60% transparent with a repeated SVG background. Everything appears normal until you visit a sub-page. The header's background stays at 60% transparency, but the repeated background is not appearing. I inspected the header element in two of my sub-pages and the SVG is most definitely being applied, but why isn't it showing up? Here are two links to separate sub-pages:
http://fluttrpop.com/girls/gallery/
http://fluttrpop.com/shop/my-account/
Attached is an image of the custom CSS code specifically targeting the header. Hopefully you guys can help me with this little conundrum.
And I just realized no SVGs are appearing on the sub-pages. In the attached files, guess which one was taken from a sub-page. Must be an issue with the theme.
Hey Minter!
Please see screenshot: http://prntscr.com/3uq6fx . The svg files are not found on your server.
Thanks
ThemeNectar Support Team
Oh, that's weird. I wonder why it's recognized on all the main pages, but it can't find the SVGs on sub-pages. I mean, those are the correct URLs for those two particular SVGs. Let me see if I can switch 'em out with PNGs and see if it finds that. If it does, then there's something finicky with the theme.
I replaced the flutterby logo in the footer widget with a PNG and it's still not working and it's giving the same error. Oh, fuck me. I just realized what the issue is. Those aren't the correct file paths. In the code, I shortened the file path to <src="../wp-content/uploads/2014/06/counter-logo.svg">. So, on sub-pages it's adding the sub-page name prior to the file path, which is coming up null for obivous reasons. I guess I'll have to use the entire file path when calling image files, or is there someway to keep the short file path and still have it work on sub-pages?
No i am afraid you will have to enter full urls.
Thanks
ThemeNectar Support Team