Top icons disappear in child theme

  • Resolved Burbridge

    (@cinemaminima)


    11 years, 8 months ago

    When I make a child of Ryu theme, the little icons at the top of the page disappear. In their place, square white outlines, where the icons should be.

    The child theme has not been altered in any way.

    Switching back to the parent theme fixes the problem. However, I would like to work with a child theme.

    What adjustments need to be made to fix this? please.

    A U S T I N ,

    Austin Burbridge

    cinemaminima.com/burbridge

Viewing 2 replies - 1 through 2 (of 2 total)

  • Howdy! I am not able to reproduce this on a local installation. A basic child theme (with no modifications) displays the top icons, which suggests something in the modifications you’ve made to your child theme is breaking.

    Can you activate the child theme on your site so we can see the problem and debug it? Thanks.

    Thread Starter Burbridge

    (@cinemaminima)

    Dear Caroline, Thank you for your courteous response!

    I have found the problem: The style.css document of the parent theme (Ryu), contains links to the Genericons fonts in its own directory:

    /* =Genericons
----------------------------------------------- */
[...]
@font-face {
	font-family: 'Genericons';
	src: url('fonts/genericons-regular-webfont.eot');
	src: url('fonts/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/genericons-regular-webfont.woff') format('woff'),
		 url('fonts/genericons-regular-webfont.ttf') format('truetype'),
		 url('fonts/genericons-regular-webfont.svg#genericonsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

    The child theme style.css — assuming that it copies the parent styles — should be modified to include relative links which point to the parent theme directory:

    /* =Genericons
----------------------------------------------- */
[...]
@font-face {
	font-family: 'Genericons';
	src: url('../ryu/fonts/genericons-regular-webfont.eot');
	src: url('../ryu/fonts/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../ryu/fonts/genericons-regular-webfont.woff') format('woff'),
		 url('../ryu/fonts/genericons-regular-webfont.ttf') format('truetype'),
		 url('../ryu/fonts/genericons-regular-webfont.svg#genericonsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

    This solves the problem.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Top icons disappear in child theme’ is closed to new replies.