Hi guys,
A little confused. I’ve been using a child theme for a while. I’m using a default child for desktop and unified child for mobile devices.
Both are fully functional, but i’m struggling with the default child overlay. My custom overlay does not display correctly using the child theme unless I do one of the following:
a) put a copy of the custom overlay in the defaultstylesoverlays directory (defeating the purpose of using child theme?!?)
b) copy the entire contents of the defaultstylesdefault.php to my child theme version. I was under the assumption I needed this file, renamed the same as the child theme, but I didn’t need to include all the css unless it was parts I had made changes too? This is what I have working with my unified child theme.
I’m probably missing something obvious….
Cheers
PS, just realised the breadcrumbs aren’t working either. Using the following
#spMainContainer #spBreadCrumbs { font-size: 0.85em; line-height: 1.2em; margin-left: 2px; min-width: 75%; } #spMainContainer #spBreadCrumbs span.spBreadCrumbs { margin-left: 17px; min-height: 2px; } #spMainContainer #spBreadCrumbs a { color: #6699CC; display: block; float: left; font-family: inherit; font-size: 0.9em; font-weight: inherit; height: 34px; line-height: 34px; margin-right: -8px; padding: 0 18px 0 15px; position: relative; text-decoration: none; text-transform: capitalize; } #spMainContainer #spBreadCrumbs a:first-child { padding-left: 11px; } #spMainContainer #BreadcrumbPosition2 { background: url("images/breadCrumbArr2.png") no-repeat scroll right 2px transparent; } #spMainContainer #BreadcrumbPosition2:hover { background: url("images/breadCrumbArr2.png") no-repeat scroll right 2px transparent; } #spMainContainer #BreadcrumbPosition3 { background: url("images/breadCrumbArrCombined.png") no-repeat scroll right 2px transparent; } #spMainContainer #BreadcrumbPosition3:hover { background: url("images/breadCrumbArrCombined.png") no-repeat scroll right -38px transparent; color: #C0C0C0; } #spMainContainer #BreadcrumbPosition4 { background: url("images/breadCrumbArrCombined.png") no-repeat scroll right 2px transparent; } #spMainContainer #BreadcrumbPosition4:hover { background: url("images/breadCrumbArrCombined.png") no-repeat scroll right -38px transparent; color: #C0C0C0; } #spMainContainer #BreadcrumbPosition5 { background: url("images/breadCrumbArrCombined.png") no-repeat scroll right 2px transparent; } #spMainContainer #BreadcrumbPosition5:hover { background: url("images/breadCrumbArrCombined.png") no-repeat scroll right -38px transparent; color: #C0C0C0; } #spMainContainer #BreadcrumbPosition6 { background: url("images/breadCrumbArrCombined.png") no-repeat scroll right 2px transparent; } #spMainContainer #BreadcrumbPosition6:hover { background: url("images/breadCrumbArrCombined.png") no-repeat scroll right -38px transparent; color: #C0C0C0; } #spMainContainer #BreadcrumbPosition7 { background: url("images/breadCrumbArrCombined.png") no-repeat scroll right 2px transparent; } #spMainContainer #BreadcrumbPosition7:hover { background: url("images/breadCrumbArrCombined.png") no-repeat scroll right -38px transparent; color: #C0C0C0; } #spMainContainer #spAck img.spIcon, #spMainContainer #spBreadCrumbs img.spIcon { padding: 0 3px; }



