WordPress.org

Ready to get started?Download WordPress

Forums

Ryu
[resolved] Top icons disappear in child theme (3 posts)

  1. cinemaminima
    Member
    Posted 1 year 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

  2. Caroline Moore
    Member
    Posted 12 months ago #

    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.

  3. cinemaminima
    Member
    Posted 11 months ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic