RH 2022: Problem editing the Frameless BlueLagoon layout.css file

[Andrea@AgileDocs]

I'm using the BlueLagoon frameless skin in RH2022. For some reason, a weird gray line displays at the bottom of some of my topic pages (not all). I figured out that I can fix it by removing the line in the "../outputs/..../BlueLagoon/layout.css" file, but when I regenerate the project, all of my changes are overwritten and my changes are lost, causing the line to reappear. Is there another way to remove that line from within the skin editor or, at the very least, not overwrite my changes? 

[Jeff_Coatsworth]

Two options - one is to find the "source" layout.css (probably in the \Program Files\ etc location) and replace it - but know that when you update the program, it will probably get wiped out. The second way is to just back up your copy and make a note to copy it into your output after generating.

[Andrea@AgileDocs]

I was afraid you were going to say that LOL! Ok, cool. Thank you, that makes perfect sense. I guess I need to figure out how much the line bugs me. It's not a showstopper, but annoying none the less.

[Peter Grainge]

Surely there's something else at play here as you say it only appears in some topics? The template CSS files should surely affect all topics without exception, so why the exceptions?

Also you said you are editing the file in the output. Why not the source CSS in your project?

________________________________________________________

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

[AgileDocs]

I used Notepad to check the source CSS in the project and the code in the affected topics and didn't see any reason why the line displays. Unless there's another place to look, I'm clueless as to why it's showing up.

[Amebr · Accepted solution]

That's a horizontal scroll bar, which suggests the content in that topic is too wide. Look for a large image or a fixed width table, as the the most likely causes.

[Andrea@AgileDocs]

Oh my gosh! You are correct. I resized the image and it went away. The weird thing is that the scroll bar was not scrollable and displayed as a solid horizontal line. In any case, resizing worked. Thank you for your help!

[Amebr]

I'm glad that worked. (why it didn't scroll would take a lot of digging due to the arcane div nesting used in the layout. 🙂  )