Parental Lines mod

[^maikl11]

Hello everyone,
where do I change the box width and/or font size in the Parental Lines mod?
(The names are way too long)
I've already experimented with everything (I think), but nothing changes.
I tried to change the text passages marked in red!
Thanks in advance.
Here is an excerpt from the mod:

%target:css/genstyle.css%
%location:%
/* Classes for TNG Mods to be added below */ 
%end:%        
%insert:after%

/* Parental Lines mod begin */
/* Center table on page */
.parental_wrapper {
    /* if you want to center the table add following in mytngsytlec.css */
    /* margin: 0 auto; */
    font-family: Arial, Helvetica, sans-serif;
}

.parentalFam {
    position: relative;
    width: 164px;
    height: 76px;
    padding:6px;
    background-color: #E9E9FF;
    border: 1px solid #000000;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -webkit-box-shadow: 4px 4px 0px 0px #888;
    box-shadow: 4px 4px 0px 0px #888;
}

.parental_icon {
    width: 24px;
    height: 24px;
    border-left: 1px solid #998855;
    border-top: 1px solid #998855;
    border-right: 2px solid #998855;
    border-bottom: 2px solid #998855;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.borntip {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding-top: 2px;
}
/* End parental Lines mod */

%end:% 
 

[tngrlkrz]

The lines you highlighted are the correct ones, since, for a test, I t changed the values directly in css/genstyle.css successfully (and then undid my changes so the mod's mod manager status remains 'installed'.  Since you were changing the mod's cfg file, you must first uninstall the mod, then save the cfg file with your changes, then reinstall the mod.  You may also have to clear cache or force a page reload.

Ron

Edit:  Katryne and Ken are correct that ultimately the change is best made in your template's mytngstyle file.  I was only pointing out that those are the correct css values to effect box or font sizes.  If you are using WordPress, I defer to Ken's note, since I am unfamiliar with that environment.

[Katryne]

Hello !

In order not to change the mod or the tngfiles, I think that modifying /templates/template12/css/mytngstyle.css would be better.

For the example, I chose huge sizes, here is what I entered in this file : .parentalFam  {width:300px; height: 150px;}
here is the result : https://geneakat2023.chauvigne.info/parental_line.php?personID=I1793&tree=kati

I add a screenshot, for it's a test site that will not stay this way.

 

 

 

 

 

[Ken Roy]

@^maikl11

Michael,

Katryne is correct that you should make the modifications in your template mytngstyle.css which is why Darrin agreed to allow mods to add css class definitions to genstyle.css years ago.  If you do not use a template because you are running on a WordPress site, then the override should be specified in the mytngstyle.css that is in the TNG root folder

[^maikl11]

@Ken Roy @Katryne @tngrlkrz

I'm finally getting around to answering you.
Many thanks for your help. It worked great.