GenoPro Home
GenoPro Home  |  Get Started With My Genealogy Tree  |  Buy  |  Login  |  Privacy  |  Search  |  Site Map
 

GenoPro Support Forum




Help With Adding a Different Background to My Published Genogram

Click to view RSS...
Author Adding a Background to My Published Genogram Report
Posted Friday, August 28, 2015 - Post #35518
Famous Writer

Famous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous Writer

Customers
Important Contributors
FamilyTrees.GenoPro.com
GenoPro version: 3.0.1.5

Last Login: Saturday, March 14, 2020
Posts: 365, Visits: 3,680
Great! we're getting there.
This worked for the heading and the help page and the individual and family pages but all the other toc's are still yellow.
I have just found the place in the style.css of the background image for the toc pages and by adding your text  url(images/background.jpg);  to  background: #F6F6F2  at lines 257
and 282 all the pages now have the same marbled image I like. 
Phew!
                   .curvycorners_box {
Line 257 - background: #F6EAA2 url(images/background.jpg);
                  }
                  .curvycorners_top div {
                  background: url(images/curvycorner_tl.png) no-repeat top left;
                  }
                  .curvycorners_top {
                  background: url(images/curvycorner_tr.png) no-repeat top right;
                  }
                  .curvycorners_bottom div {
                  background: url(images/curvycorner_bl.png) no-repeat bottom left;
                  }
                  .curvycorners_bottom {
                  background: url(images/curvycorner_br.png) no-repeat bottom right;
                  }

                  .curvycorners_top div, .curvycorners_top, 
                  .curvycorners_bottom div, .curvycorners_bottom {
                       width: 100%;
               height: 15px;
                       font-size: 1px;
                  }
                  .curvycorners_content { padding:10px; }
                  .curvyboxbackground{ padding:5px; }        

Line 282 - background:#F6F6F2 url(images/background.jpg);
          }


Edited: Friday, August 28, 2015 by IainTait
Posted Friday, August 28, 2015 - Post #35517
Legendary Master

Legendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary Master

Administrators
Customers
Important Contributors
FamilyTrees.GenoPro.com
GenoPro version: 3.1.0.1

Last Login: 2 days ago @ 9:23 PM
Posts: 3,464, Visits: 26,854
The problem here I think is that the stylesheet doe not actually reference a background image, just a background colour.

Try changing line 39 of style.css

from background: #F6F6F2 none);
  there is actually a syntax error there, none) should just be none  (whoops)

to background: #F6F6F2 url(images/background.jpg);
 

and ensure you select default theme in config param options.


'lego audio video erro ergo disco' or "I read, I listen, I watch, I make mistakes, therefore I learn"
Posted Friday, August 28, 2015 - Post #35515
Famous Writer

Famous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous Writer

Customers
Important Contributors
FamilyTrees.GenoPro.com
GenoPro version: 3.0.1.5

Last Login: Saturday, March 14, 2020
Posts: 365, Visits: 3,680
I have tried to change my background image by renaming mine from back.jpg to background.jpg and copied it to the Default Theme images file as well as an images file in the main body of the Skin that I use for other pages and also my  img file for other pages.
All this I copied to my Test Skin but when I generated the report none of the pages show this image

I have looked at the Style.css but can only find a colour code rather than an image and am not sure how to change this to an image


Line 45 - body.gno-heading {background-color: #F6EAA2;margin: 0px;}
                body.gno-index {margin: 0px; overflow-y:hidden;}
                body.gno-detail {margin:0px; padding:8px;}
                 /* body.gno-popup {} */

                svg {overflow: hidden;}

                table.customtagtable
                {
                font-size: 0.830em; empty-cells:show; background-color:#F6F6F2;
                }
                th.customtagtable
                {
                background-color:#FBF5D1;
Line 59 - }

Where do I go from here?

Edited: Friday, August 28, 2015 by IainTait
Posted Thursday, August 27, 2009 - Post #24565
Forum Master

Forum MasterForum MasterForum MasterForum MasterForum MasterForum MasterForum MasterForum MasterForum Master

Customers
Important Contributors
FamilyTrees.GenoPro.com
Translator
GenoPro version: 3.1.0.1

Last Login: Sunday, March 21, 2021
Posts: 716, Visits: 12,927
There is no need to maintain the name of the background image to background.jpg
You can name it to any name you want. You just have to make sure that the path to this image is correct.You can put your background images into the image folder or what I do is to hold my images in another subfolder in a customized skin(i.e. myfiles). In this case I can have several different background images in this folder. In style.css point to this folder for your new background image. Next time a new version of the narrative report comes put your myfiles folder into the new skin and replace the style.css file. If you want to change the background to another image, replace the background image name in style.css only and keep the path.
Posted Thursday, August 27, 2009 - Post #24562
Legendary Master

Legendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary Master

Administrators
Moderators
Customers
Gamma
FamilyTrees.GenoPro.com
Translator
GenoPro version: 3.1.0.1

Last Login: Tuesday, October 28, 2025
Posts: 4,886, Visits: 22,799
Posted Wednesday, August 26, 2009 - Post #24556
Junior Member

Junior MemberJunior MemberJunior MemberJunior MemberJunior MemberJunior MemberJunior MemberJunior MemberJunior Member

Customers
GenoPro version: 3.0.1.4

Last Login: Monday, December 10, 2018
Posts: 11, Visits: 67
It worked!! You've made my day! Many thxBigGrin:

Regards
Smile
Posted Wednesday, August 26, 2009 - Post #24555
Famous Writer

Famous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous Writer

Customers
Important Contributors
GenoPro version: 2.5.4.0

Last Login: Thursday, January 11, 2024
Posts: 386, Visits: 4,475
You need to use the same file name "background.jpg". Delete the common one from the skin you are using, then copy yours to the directory and rename it to "background.jpg" If you use this skin to generate a report it will work.

Poolzone  a mere cog in a revolution
Posted Wednesday, August 26, 2009 - Post #24554
Junior Member

Junior MemberJunior MemberJunior MemberJunior MemberJunior MemberJunior MemberJunior MemberJunior MemberJunior Member

Customers
GenoPro version: 3.0.1.4

Last Login: Monday, December 10, 2018
Posts: 11, Visits: 67
Doesn't work...still displays GenoPro's default yellowish background...replaced background image and renamed with a different .jpg file name...replaced file name in the style.css, but still displays default background.

Regards
Smile
Posted Wednesday, August 26, 2009 - Post #24553
Famous Writer

Famous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous Writer

Customers
Important Contributors
GenoPro version: 2.5.4.0

Last Login: Thursday, January 11, 2024
Posts: 386, Visits: 4,475
Replace 'background.jpg' in the Images folder of your report.

Poolzone  a mere cog in a revolution
Posted Wednesday, August 26, 2009 - Post #24552
Forum Master

Forum MasterForum MasterForum MasterForum MasterForum MasterForum MasterForum MasterForum MasterForum Master

Customers
Important Contributors
FamilyTrees.GenoPro.com
Translator
GenoPro version: 3.1.0.1

Last Login: Sunday, March 21, 2021
Posts: 716, Visits: 12,927
Normally changing the display should be good enough by editing "style.css"
Make sure that the path to images and/or different font is correct and loaded when creating the report.


Similar Topics

Click to view RSS...
Expand / Collapse

Reading This Topic

Expand / Collapse