• I’m trying to get my social media icons in the nav bar. Right now I have some in my right sidebar using the text widget. I know how to create the links with the word, twitter, for example by creating a menu. But I can’t figure out how to replace the word “twitter” with an icon. Also I would like them to be aligned to the right side of the nav bar. Can anyone help with this?

Viewing 15 replies - 31 through 45 (of 52 total)
  • pasted all of the parent themes style.css.

    You should not have a copy of the parent file – the NEW child theme style.css file should contain only this (to start with):

    /*
     Theme Name:     Liquorice Child
     Theme URI:
     Description:
     Author:
     Author URI:
     Template:       liquorice
     Version:        1.0.0
    */
    
    @import url("../liquorice/style.css");
    
    /* =Theme customization starts here
    -------------------------------------------------------------- */

    Thread Starter Hilary Curtiss

    (@hilarykenmare)

    Ok perfect. So I’ve done that.
    Now do I want to activate it?
    Or do I need to copy over any of the codes that I’ve changed in the editor and css custom manager plugin?
    I made changes to my theme before I made this child theme. Is that a problem?

    Yep, activate it – but know that you’ll need to redo settings/options that you set up in the parent theme – they don’t carry over.

    I’d also recommend moving any CSS changes from custom CSS to the new child theme style.css file – just so you have everything in one place – less confusing.

    If you’ve made changes to theme files, yes, those will get overwritten when the theme is updated. Do you know which files you changed – if any?

    Thread Starter Hilary Curtiss

    (@hilarykenmare)

    I’ve changed the themes colors and fonts in the parent theme. And added social media icons to widget and stuff.

    So should I copy and paste everything I have in my custom css manager plugin, under what I have written in the child theme style.css. Then delete it in the css manager plugin?

    As for the colors I’ve changed, do I just need to go back in and do that all over again once I activate my child theme?

    So should I copy and paste everything I have in my custom css manager plugin, under what I have written in the child theme style.css. Then delete it in the css manager plugin?

    Yep, I’d just deactivate that plugin entirely.

    As for the colors I’ve changed, do I just need to go back in and do that all over again once I activate my child theme?

    Yep.

    Thread Starter Hilary Curtiss

    (@hilarykenmare)

    Ok. So I’ve deactivated my custom css manager plug in (after I copied the code in it, into the style.css of the child theme)

    But now I want to go and change the colors, like I did with the parent theme, only there is nothing there to change.

    Thread Starter Hilary Curtiss

    (@hilarykenmare)

    Ok. I copy and pasted the parent themes style into my child themes. And almost everything is working, except the color of the background.

    Thread Starter Hilary Curtiss

    (@hilarykenmare)

    Ya. I just can’t figure out why the background won’t go white. This is exactly what I copied over.

    }
    body {
    background-color: #ffffff;
    color:#000000;
    font:100%/1.4em Georgia,”Times New Roman”,Times,serif;

    That means it should be white, right?

    Thread Starter Hilary Curtiss

    (@hilarykenmare)

    AND (lol) – now when I hover over a post title, it does something weird for a second. It shows a weird tile-type pattern.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Ok. I copy and pasted the parent themes style into my child themes.

    You really should avoid doing that as you already have the ‘@import‘ line.

    You’re also making it difficult on volunteers to help debug CSS issues, as now they have a thousand lines of CSS to wade through.

    Thread Starter Hilary Curtiss

    (@hilarykenmare)

    Ok. So I should take out what I copy and pasted from the parent theme into my editor?

    Then where do I put it to get the style for my page as it was?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Does your website break without all of those styles and just the ‘@import‘ line?

    Thread Starter Hilary Curtiss

    (@hilarykenmare)

    Yes.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Did you copy the ‘@import‘ line from somewhere? It’s corrupted.

    Thread Starter Hilary Curtiss

    (@hilarykenmare)

    Ok. I just fixed it. Now should I delete everything? except for:
    /*
    Theme Name: Liquorice Child
    Theme URI:
    Description:
    Author:
    Author URI:
    Template: liquorice
    Version: 1.0.0
    */

    @import url(“../liquorice/style.css”);

    /* =Theme customization starts here
    ————————————————————– */

Viewing 15 replies - 31 through 45 (of 52 total)
  • The topic ‘social media icons in nav bar’ is closed to new replies.