WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
[resolved] Icon (7 posts)

  1. nawfel.oussedik
    Member
    Posted 4 months ago #

    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

  2. d4z_c0nf
    Member
    Posted 4 months ago #

    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;
    }
  3. nawfel.oussedik
    Member
    Posted 4 months ago #

    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?

  4. d4z_c0nf
    Member
    Posted 4 months ago #

    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?

  5. nawfel.oussedik
    Member
    Posted 4 months ago #

    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. :)

  6. d4z_c0nf
    Member
    Posted 4 months ago #

    Good you removed those ugly lines :P
    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;
    }
  7. nawfel.oussedik
    Member
    Posted 4 months ago #

    You just made my day! Thank u!

Reply

You must log in to post.

About this Theme

About this Topic