Web site layout

Nick_Heard · Post by **Nick_Heard** » 08 Mar 2021 08:14

Im not happy with the layout of the family and individuals details pages with version 7. Is it possible to revert to the old style web site? Having been asked if I want to use the new website when I first used it, that seems to suggest there is an option that I could stick with the old version, but I couldnt find any way to do that.

Post by **ColeValleyGirl** » 08 Mar 2021 10:07

What is it you don't like about the layout? Have you tried using a custom report as the basis for the family and/or individuals details pages to get closer to what you want?

Nick_Heard · Post by **Nick_Heard** » 08 Mar 2021 14:00

I have now discovered that the text layout I didnt like is in fact a problem with the way stylesheets (.css) seem to work . I am trying to update my existing website family details pages with new members and newly discovered information. I run the website creation page for the family branch that I have been working on and Ive discovered that the pages look OK when viewed in the package I have created, but when I try to combine the 50 odd new pages from the new package into the existing website by copying and pasting into the folder where all the current family and individual details are, even if I copy the .css stylesheet into that folder, the correct layout and text formats that were in place in the new package don't apply to the new pages when they are in that folder.

Post by **ColeValleyGirl** » 08 Mar 2021 14:05

Have you followed the instructions at Family Tree Tips ~ Alter CSS Default Styles ?

Post by **Valkrider** » 08 Mar 2021 14:30

You need to understand how CSS works which from what you have said you may not understand the nuances.

CSS stands for Cascading Style Sheets. What that means is that they are processed in order. If the CSS in your new files is not being honoured it means that the styles are coming from some other file that is being processed after the CSS file for those pages OR the definitions which affect those particular items have an !important tag added to them which over-rides the definitions in subsequent files.

Ideally you should have unique names in each of your CSS and HTML files so that one file is not impacting another. Never having used FH's web generation ability I don't even know if this is possible, there are ways to edit the files subsequently in a plain text editor such as Notepad++ which would mean that you could then get the display you want.

Post by **tatewise** » 08 Mar 2021 14:56

Unfortunately, the advice at Family Tree Tips ~ Alter CSS Default Styles has not been updated for FH V7 Packages even though it says it is FH V7 compatible.

The path to a custom mystyle.css file is somewhat more complex in FH V7 than earlier versions.

Website packages are constructed in the Project data folder in a Packages subfolder.
So if the Project name is MyProj that path will be:
...\Documents\Family Historian Projects\MyProj\MyProj.fh_data\Packages\

Next is the name of the Package, say MyWebsite, and then the data files folder where the custom files are added:
...\Packages\MyWebsite\data files\_custom\mystyle.css

FH strongly recommend a folder with an _ underscore prefix.

The <head> section then needs:
<link rel="stylesheet" type="text/css" href="_custom/mystyle.css"

Nick_Heard · Post by **Nick_Heard** » 08 Mar 2021 15:13

My problem is that the pages look fine when they are in the package folder. But to upload the folders associated with the package is too messy, as the new individuals and families have to integrate with an existing 15000 and individual details pages. In previous versions I have simply been able to copy those pages into the folder already in existence and upload. As soon as I move the new pages into the existing folder, they lose the layout that they had in the package folder, and which the other pages already in the existing folder have. I dont want to change the look from the package that has been created, but just to retain it when those pages go to another folder.

Post by **tatewise** » 08 Mar 2021 15:29

I suspect the problem is that CSS style names have changed in FH V7.
So when you upload those new pages the old FH V6 fhstyle.css styles do not match.
If you upload the new FH V7 fhstyle.css file then its styles will not match the old pages but should work for the new pages.

So treat the FH V7 fhstyle.css file as if it is a custom style sheet.
Follow the Knowledge Base advice and add to the <head> section:
<link rel="stylesheet" type="text/css" href="_custom/fhstyle.css"

In the data files folder create that _custom folder and move the FH V7 fhstyle.css file there.
Upload that _custom/fhstyle.css files to a similar folder on your website.
Hopefully, that should work.

All the above assumes that you have not customised the FH V6 or the FH V7 CSS styles in any way.

Family Historian User Group

* Web site layout

Web site layout

Re: Web site layout

Re: Web site layout

Re: Web site layout

Re: Web site layout

Re: Web site layout

Re: Web site layout

Re: Web site layout