WordPress.org

Support

Support » Themes and Templates » Customizr » [Resolved] Icon

[Resolved] Icon

  • John

    @nawfeloussedik

    Hello,
    I have to say I really like your theme and all documentation and support that goes with it! I knew nothing about building a website 2 days ago Ibut you really made it very simple…

    My URL is http://www.nash-ltd.com/ .

    I want to increase the size and change the color of icons (just below the slide bar).
    I have already copy-pasted the html <i class=”icon-search”></i> but how can I change the color and size?

    Thank you for your help

Viewing 6 replies - 1 through 6 (of 6 total)
  • Well those are background images, I don’t think you will get a good result.
    What if you use entypo fonts?
    E.g. instead of using <i class="icon-search"></i> use this
    <i class="my-icon-search"></i> and add the following in your custom css or your child theme style.css

    .my-icon-search:before {
    font-family: 'entypo';
    content: '\1F50D';
    font-size: 50px;
    font-style: normal;
    color: orange;
    }
    John

    @nawfeloussedik

    Thanks for your quick response but unfortunately it did not work.

    I pasted <i class=”my-icon-search”></i> but the image does not appear at all.

    Am I doing something wrong?

    There’s this parsing problem.. Can you see your source page code?
    Look for .my-icon-search:before { and you’ll see what happened to the quotes …
    Also… what is this:?

    CustomCSS or style.cssCSS
    
    1
    2
    3
    4
    5
    6

    Since you have a child theme, why don’t use its style.css, if you cannot solve the escaping problem?

    John

    @nawfeloussedik

    I am very new to wordpress… I deleted

    CustomCSS or style.cssCSS

    1
    2
    3
    4
    5
    6

    Still not workking.

    I do not know how to use css. I mostly copy paste like all beginners. 🙂

    Good you removed those ugly lines 😛
    Now, evidently, there’s a parsing problem with the custom css box, try to use this code instead:

    .my-icon-search:before {
    font-family: "entypo";
    content: "\\1F50D";
    font-size: 50px;
    font-style: normal;
    color: orange;
    }

    John

    @nawfeloussedik

    You just made my day! Thank u!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] Icon’ is closed to new replies.
Skip to toolbar