DNN Forums

Ask questions about your website to get help learning DNN and help resolve issues.
  • Search Forums
    Advanced Search Topics Posts
Prev
Next
Forums Using DNN Platform Themes, Containers, and Templates

DNN 9.4, not showing BG image in child pages.

 9 Replies
 1 Subscribed to this topic
 15 Subscribed to this forum
Sort:
Author
Messages
Jeff
Growing Member Send Private Message
Posts: 56
Growing Member
1/17/2020 9:20 PM

DNN 9.4, Skin, Bootster V2, BG image not showing in child pages, but showing perfectly in parent pages. Any pages that reside under a parent page, is not displaying the background image, but in the source code, it's commanding it. Is there a setting that I missed or something?

Joe Craig
Veteran Member Send Private Message
Posts: 1245
Veteran Member
1/18/2020 3:11 PM
Can you check the site with your browser's developer tools to see what is happening?

How are you specifying the image?
Jeff
Growing Member Send Private Message
Posts: 56
Growing Member
1/18/2020 3:56 PM

Hi again Joe, and thanks for helping me again.
Ok, I originally had the BG image added to the home.ascx and skin.ascx files, in  the following code;

This worked perfectly for all pages that are in the main menu, but any pages that were in dropdowns (child pages), were not displaying the BG image. Just a little while ago, I removed the code from the home and skin.ascx files and added it directly to the page settings/advanced/SEO -->> page header tags, this again work perfectly for the parent pages, but no luck with the child pages. The Background for the child pages are still just plain white. 
 (Hope this makes sense)

Jeff
Growing Member Send Private Message
Posts: 56
Growing Member
1/18/2020 3:59 PM

Jeff
Growing Member Send Private Message
Posts: 56
Growing Member
1/18/2020 4:12 PM

**The line break tag is not in the code. I don't know why the reply editor keeps adding that.

Jeff
Growing Member Send Private Message
Posts: 56
Growing Member
1/18/2020 4:16 PM

.

Joe Craig
Veteran Member Send Private Message
Posts: 1245
Veteran Member
1/18/2020 5:12 PM
Jeff,

One of the tricky things about writing CSS is to make sure that references actually point to where you want them to point.

You need to learn how to use your browser's developer tools so that you can inspect, not the code that you wrote, but the code that is delivered to your screen. If you do that, I'm sure that you'll find that the url for the child pages background image is not what you expect it to be. That's because the code for the child pages has a url that includes the parent page and, as a result, the image url does. too.

That's because your image references are relative links, so DNN has to decide "relative to what."

If you use the developer tools, this should become quite clear, and lead to to better ways to make the references.

By the way, it's really not a good practice to put CSS directly in skin or container files, or even in HTML content. Instead, put class references and put the CSS in appropriate CSS files.
Jeff
Growing Member Send Private Message
Posts: 56
Growing Member
1/18/2020 6:09 PM

Ok, You just nailed it! Turns out, it was the image URL that was causing the problem! Thank you so much! And yes! I am learning all I can about the tools and how to do everything!

 Again, Thank you very much!

 

Joe Craig
Veteran Member Send Private Message
Posts: 1245
Veteran Member
1/18/2020 6:20 PM
If you are building web sites and not using browser developer tools, stop what you are doing now and learn to use them!
Jeff
Growing Member Send Private Message
Posts: 56
Growing Member
1/19/2020 12:26 AM

I've been doing exactly that. I never knew how helpful that is.
Thank you so much.

These Forums are dedicated to the discussion of DNN Platform.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. If you have (suspected) security issues, please DO NOT post them in the forums but instead follow the official DNN security policy. 
  2. No Advertising. This includes the promotion of commercial and non-commercial products or services which are not directly related to DNN.
  3. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  4. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  5. No Flaming or Trolling.
  6. No Profanity, Racism, or Prejudice.
  7. Site Moderators have the final word on approving / removing a thread or post or comment.
  8. English language posting only, please.

Would you like to help us?

Awesome! Simply post in the forums using the link below and we'll get you started.

Get Involved