Skip to main content
milSkrid
milSkrid
Known Participant
February 16, 2022
Question

No Result When Adding Background Image to Master Page

  • February 16, 2022
  • 7 replies
  • 345 views

We are updating from RN 2019 Classic to 2020. When we convert an existing project most everything is converted without issue. However, the master pages do not retain the background images we assigned to them.

I have attempted to add a background image to the converted master pages, and to add one to a new master page. I'm cerrtain I'm not doing it correctly because all I ever see is a sliver of the image. The image is a banner that is 4800x300 px. It is inteded to be at top, with no repeat.

I am trying to place the cursor at the top of the page, at or above the breadcrumbs and header. Although I've specified that it's 300px you only see as much as the breadcrumb part will show. I don't want it "in" the breadcrumbs, but how do I get it to apply to the entire page?

 

Would appreciate any and all help!

Rich

This topic has been closed for replies.

7 replies

milSkrid
milSkridAuthor
Known Participant
February 25, 2022

Changing from RoboHelp Classic 2019 to RH2020 has a bunch of pitfalls in how your workflow changes.

Turns out that the functionality we used with RHc2019 in master pages, to place a background image at top, was moved to CSS in RH2020. In playing around with our project, I was able to apply a css style sheet to the default master page and one to the title master page. In this way they each have a different image.

 

Thanks all for the pointers! You put me on the right path.

Peter Grainge
Peter Grainge
Adobe Expert
February 24, 2022

The post I am referring to is this one.

 

I have a background image that is used for my default topics, plus another image that is used for my landing page (cover page?) topic. Using this technique, is it possible to apply the standard image to all topics, but a different image for the landing page? That is, to see the different image, but NOT see the standard image that every other topic will show?

 

From that it seemed to be that getting background images to work was not the issue as before but how they should be set up to have one image in most topics but another in the default topic.

 

Perhaps summarise all the issues you are facing again.

________________________________________________________
My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.
Peter Grainge
Peter Grainge
Adobe Expert
February 24, 2022

Is it me? You posted in another thread and I suggested you start a new thread. Now you seem to have included it another thread you already had going about yet another issue. Separate issues are best in separate threads.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.
milSkrid
milSkridAuthor
Known Participant
February 24, 2022

Well, my apologies; trying to keep down a slew of topic posts; this is the same issue for me; I cannot get background images to display when output, and cannot seem to add them correctly to a master page.

milSkrid
milSkridAuthor
Known Participant
February 24, 2022
Adobe Community Professional ,
Jun 25, 2021
 

Thanks to Adobe this seems to work.

Add this to your CSS

div.mybgdiv {
min-width: 100%;
height: 2000px;
max-height: 100%;
background-image: url("background.png");
}

 

The height can be whatever you want in px but it must be sufficient for all the content. It's about the page rather than the image, to the best of my knowledge.

 

The name of the div can be whatever you want.

 

In the cover page topic add the two lines shown.

 

For the image I used, that worked.

 

Mr. Grainge, I have a background image that is used for my default topics, plus another image that is used for my landing page (cover page?) topic. Using this technique, is it possible to apply the standard image to all topics, but a different image for the landing page? That is, to see the different image, but NOT see the standard image that every other topic will show?

A
Amebr
Adobe Expert
February 16, 2022

Oh and which output you're generating and skin as those could also make a difference. 🙂

milSkrid
milSkridAuthor
Known Participant
February 24, 2022

The output is html; it's called WebHelp because it's a converted project from RH2019 classic, but I believe that it's Frameless.

I'm using the default skin.

A
Amebr
Adobe Expert
February 16, 2022

Can you post a screenshot of what you want and what you get? Also a screenshot of the master page in RH could help. You might need to enter the code view to make some changes but it depends a bit on what layout you're after.

milSkrid
milSkridAuthor
Known Participant
February 24, 2022

Not sure what screenshot you're looking for here? I get a topic when output that doesn't have the background image I'm trying to set on the master page. In the master page, when I set the background image, it seems to be only for a single paragraph; I only see a msall sliver of the image.

Jeff_Coatsworth
Jeff_Coatsworth
Adobe Expert
February 16, 2022

Make sure you do your upgrade of the project with the latest patch 7 of RH2020 (as of Feb 2022). If it's still not converting correctly, report back and someone can take it from there.

milSkrid
milSkridAuthor
Known Participant
February 24, 2022

Unable to get rh2020.7 to install.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices