Font Awesome

  • Resolved brooklynbrookie

    (@brooklynbrookie)


    8 years, 4 months ago

    Hi,

    I have a sidebar of my header that pulls out from the left. I would like to use this as my cart for my shop. The icon currently shows 3 bars but I would like to change it to the FontAwesome shopping cart (fa-shopping-cart). I tried looking for the css style to change it manually but I can’t seem to find where it is. I also have a custom css plugin that overrides the theme’s css if necessary.

    I would rather just try to figure out a css style that will change it so I could just add it to the custom css, rather than trying to find it in the css style.

    Here is a screenshot of what I am trying to change.
    https://postimg.org/image/a5lfoopf7/
    If possible, I would like to add the words “Cart” as well.

    My website is https://shop.curlswithattitude.com

    Any help is greatly appreciated!

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

  • You don’t need to edit the CSS to change that. You will have to change the HTML of this section

    https://prntscr.com/cvci8c

    to something like

    <a href="#" class="nav-trigger">FontAwesome code here</a>

    You might as well have to remove the ‘nav-trigger’ class so that the sidepanel doesn’t open up.

    You need to do the above changes in a child theme so that future updates in the theme don’t overwrite the code.

    Hello @brooklynbrookie,

    Find the below code in your theme.

    <span class="bars">
                <span></span>
                <span></span>
                <span></span>
            </span>

    And replace the above code as follow:
    <i class="fa fa-shopping-cart" aria-hidden="true"></i>

    Thread Starter brooklynbrookie

    (@brooklynbrookie)

    I am not sure where to find that portion of the code. I have looked in several places on the editor within WordPress and through FTP.
    Do you know where I can find it @bswajitgiri @wppatrickk ?

    You have to search this in your theme files. May be header.php file, although I am not sure. Please check it once.

    Thread Starter brooklynbrookie

    (@brooklynbrookie)

    I tried checking that as well, but I had absolutely no luck at all! I even tried the sideheader.php. I really searched all day for it. I will check again.

    I really appreciate your help @bswajitgiri

    Thread Starter brooklynbrookie

    (@brooklynbrookie)

    Nevermind! I found it! But when I changed what you told me to change, nothing happened. The bars still remained there @bswajitgiri

    Ok,

    Which theme you are using? Is it a paid theme or free theme. If free one then I can check here and inform you.

    Thread Starter brooklynbrookie

    (@brooklynbrookie)

    It was free per CreativeMarket, but it isn’t on the site anymore and without support. Which is why I tend to come to these forums a lot for help. I really like the theme, it is called Hista. @bswajitgiri

    @brooklynbrookie Nobody in the world can “guess” where that code is (except the person who created it and who has that theme), because each theme is coded in a different way.

    I would suggest you to get a software like TextCrawler which can scan the files in a folder for certain keywords. You can search for “nav-trigger” and find out which file has that code.

    If you cannot do the above, then another option is to share the theme files.

    @brooklynbrookie Nevermind. Don’t do the above.

    Your code should be in templates/preheader.php

    Line number 15.

    Hello @brooklynbrookie,

    Have you solved your problem or not? If you are unable to resolve the issue then hire a developer to solve the problem.

    • This reply was modified 8 years, 4 months ago by bswajitgiri.
    Thread Starter brooklynbrookie

    (@brooklynbrookie)

    Thank you @wppatrickk for helping me completely solve my problem! I really appreciate it.

    @brooklynbrookie No problem. Have fun.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Font Awesome’ is closed to new replies.

Tags