Question JustLight theme for webtrees 1.6.0 released!
- JustCarmen
- Topic Author
- Offline
- Elite Member
TheJustLight theme is finally released!
This is a new modern theme in clean white and blue. The layout is adjusted as much as possible for use on touch devices like tablets and mobile phones.
A few things to mention:
- The menu is responsive. This means it will collapse on smaller screens and have only clickable items. You might be used to hover over a menu item to get it’s submenu but on touch devices the hover functionality doesn’t exist.
- The homepage and mypage are responsive as long as you keep some things in mind. Using the statistics block for instance means the page cannot shrink on smaller devices.
- At the individual page the sidebar will collapse automatically when viewing from smaller screens.
Like the JustBlack theme, this theme also have it’s own option module.
I really looking forward to here your opinon about this theme.
I have submitted the theme to the add-ons section [strike]but it waits for approval by the moderator[/strike]. You also can grab the theme from here: www.justcarmen.nl/themes/justlight-theme/
or from here: github.com/JustCarmen/justlight/releases/latest
For a live preview of the theme go to: www.wijzijnfamilie.nl
Carmen
Designer of the JustLight theme (comes with a light and dark color palette), Fancy Imagebar, Fancy Research Links and Fancy Treeview for webtrees 2
Check my website at www.justcarmen.nl
Please Log in or Create an account to join the conversation.
- taalia81
- Offline
- New Member
Please Log in or Create an account to join the conversation.
- Conjurer
- Visitor
Please Log in or Create an account to join the conversation.
- bigwidower
- Offline
- Junior Member
Congratulations JustCarmen and many many thanks for sharing your talent!
I meanwhile have a question : at my server, I uploaded the directory "justlight_theme_options" into the directory "modules_v3". Is it the right place ?
I do not manage to find the JustLight Theme Options configuration page....
www.venarbol.net/borsodg31 (webtrees v 2.0.25)
Hébergé par PlanetHoster
Please Log in or Create an account to join the conversation.
- JustCarmen
- Topic Author
- Offline
- Elite Member
You uploaded the theme options module to the right place. You only need to enable it from the admin panel/modules.
After you have enabled it you will see an extra menu option.
Carmen
Designer of the JustLight theme (comes with a light and dark color palette), Fancy Imagebar, Fancy Research Links and Fancy Treeview for webtrees 2
Check my website at www.justcarmen.nl
Please Log in or Create an account to join the conversation.
- bigwidower
- Offline
- Junior Member
Thanks again!
www.venarbol.net/borsodg31 (webtrees v 2.0.25)
Hébergé par PlanetHoster
Please Log in or Create an account to join the conversation.
- godzil
- Visitor
on the upcomings events the box seems too small and it cut off part of the text, there is no horizontal scroll
on the top it cut part of the page even if the page is scrolled up - even in english language
could you help me or i must live with it?
Please Log in or Create an account to join the conversation.
- bigwidower
- Offline
- Junior Member
Another question : how is it possible to include a personalized banner with photographs, as in your tree at www.wijzijnfamilie.nl/ ?
www.venarbol.net/borsodg31 (webtrees v 2.0.25)
Hébergé par PlanetHoster
Please Log in or Create an account to join the conversation.
- JMoreau
- Offline
- Junior Member
webtrees v2.0.6 servis par PHPv7.0 sur Windows 8 64 bits. Navigateur préféré Google Chrome 67.0 geneamoreau.webtrees.net
Please Log in or Create an account to join the conversation.
- bigwidower
- Offline
- Junior Member
www.venarbol.net/borsodg31 (webtrees v 2.0.25)
Hébergé par PlanetHoster
Please Log in or Create an account to join the conversation.
- JustCarmen
- Topic Author
- Offline
- Elite Member
on the upcomings events the box seems too small and it cut off part of the text, there is no horizontal scroll
I see what you mean and this doesn't happen only in polish because I see the same on my own site in Dutch. I don't use tables in the sidebar but lists only. The downside of using tables in the sidebar is they will not shrink in proportion with the rest of the page when viewing the page from smaller screens. You will end up with a page where the sidebar will take half of the screen.
But nevertheless if you do want to use tables in the sidebare then a horizontal scrollbar would be handy
It is just a small change in the css file to accomplish this. You can do it your self if you want.
The class to change in justlight/css-1.6.0/style.css is:
.small_inner_block
change overflow-x: hidden to overflow-x: auto
I will update the css file with this change.
So you don't have to live with it .
Carmen
Designer of the JustLight theme (comes with a light and dark color palette), Fancy Imagebar, Fancy Research Links and Fancy Treeview for webtrees 2
Check my website at www.justcarmen.nl
Please Log in or Create an account to join the conversation.
- Conjurer
- Visitor
What do you recommend for changing the top to use our own logo image? See my image attached which shows how I would like to replace in the top with an image logo.
I tried doing it with a background image in navbar and padding, but the padding messes up the rest of the display. The current site url is corgi webtree
Do you have suggestions on how/where best to insert the image?
Thanks
Please Log in or Create an account to join the conversation.
- JustCarmen
- Topic Author
- Offline
- Elite Member
Add an extra div for the logo to the file header.php just above the navbar-header div:
Add this to style.css:
change the css for navbar-brand from this:
to this:
To test this I've cut out the logo from the screenshot, so the real image dimensions could be different. Adjust them if necessary. This also counts for the top-margin added to the nav-pills (the menu bar). It depends on the height of the real image.
Leave the site title as is, but move it out of sight (with the text-indent). This way it is not visible but still reachable by search engines.
You now have a responsive logo, which will shrink on smaller screens. See attached screenshots.
Carmen
Designer of the JustLight theme (comes with a light and dark color palette), Fancy Imagebar, Fancy Research Links and Fancy Treeview for webtrees 2
Check my website at www.justcarmen.nl
Please Log in or Create an account to join the conversation.
- Conjurer
- Visitor
Love the new theme! Truly appreciate your help on this, I was getting lost in the forest of code!
Will implement later this afternoon.
Please Log in or Create an account to join the conversation.
- godzil
- Visitor
ThanksJustCarmen wrote: The class to change in justlight/css-1.6.0/style.css is:
.small_inner_block
change overflow-x: hidden to overflow-x: auto
But i discovered better solution for me: i changed maximum size of elements #index_small_blocks and now it looks better, scroll is no longer needed
And with cutted upper part of home page: solution is disable Image Fancybar if there is no image selected to display
Please Log in or Create an account to join the conversation.
- Conjurer
- Visitor
What is it that would allow us to change the URL for the "Home" link. I would like to change it to go up one level to my main site home page>
In the shot above the general tab of the family tree it is building the URL, but I would prefer to have them go to " plsnt.siskiyouservices.com/corgis/index.html " instead. I don't see anyway to change it to an alternate path. Is this where the "Home page" link is pulled from and where would one go to change it?
Here is a shot of the Home page menu link I mean:
Thanks!
Please Log in or Create an account to join the conversation.
- JustCarmen
- Topic Author
- Offline
- Elite Member
What is it that would allow us to change the URL for the "Home" link. I would like to change it to go up one level to my main site home page
As far as I know there is no option in the admin menu to get this done. I recall this was possible back in the PGV-times, but it is removed since.
So your only option is hacking some code. But you are lucky because this could be done quite easily from the theme.
In justlight/theme-1.6.0/functions.php:
Change the last line just before the last "}" into this:
In justlight/theme-1.6.0/navmenu.php:
Add this right above "public static function getGedcomMenu(){"
Carmen
Designer of the JustLight theme (comes with a light and dark color palette), Fancy Imagebar, Fancy Research Links and Fancy Treeview for webtrees 2
Check my website at www.justcarmen.nl
Please Log in or Create an account to join the conversation.
- Conjurer
- Visitor
Please Log in or Create an account to join the conversation.
- Conjurer
- Visitor
Please Log in or Create an account to join the conversation.
- JustCarmen
- Topic Author
- Offline
- Elite Member
These particular silhouette icons I made myself with icomoon , an online application to turn images into icon fonts.
You can do something similar but you can also go the easy way:
Copy this part from the webtrees stylesheet:
Go to the justlight stylesheet and search for this part:
Overwrite it with the copied code from the webtrees theme.
Place your images in the folder justlight/css-1.6.0/images
If your images do not have the same size as the webtrees silhouettes you also need to adjust the size in the css code.
Carmen
Designer of the JustLight theme (comes with a light and dark color palette), Fancy Imagebar, Fancy Research Links and Fancy Treeview for webtrees 2
Check my website at www.justcarmen.nl
Please Log in or Create an account to join the conversation.