how to add padding for the shopping cart icon at the topbar?

  • Resolved tinypinc

    (@tinypinc)


    8 years, 2 months ago

    my website: http://www.tinypincshop.com

    I have been trying to bring the search icon and shopping cart icon lower, it’s way too close to the top.

    Perhaps to be done using css?
    I tried top-bar but it’s something similar to line height… so i guess it’s not that 🙂

    Please help, thank you for your effort!
    I’ve been asking a lot of questions and all of them have been resolved 🙂
    Kudos to your team!!!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Takis Bouyouris

    (@nevma)

    8 years, 2 months ago

    You may look for the elements with IDs “kt-searchcontain” and “kt-cartcontain” and add some CSS “margin-top” to them. Now the best way to do this, if the theme is not created by you, is to make a child theme so that you will not mess the files of the original theme. Then again, you can always do that as well, if you know what you are doing! 🙂

    Thread Starter tinypinc

    (@tinypinc)

    8 years, 2 months ago

    .kt-searchcontain {
    margin-top: 50px;
    }

    like this right?
    I tried but it didn’t work 😡

    Takis Bouyouris

    (@nevma)

    8 years, 2 months ago

    Actually what you tried refers to CSS classes and not IDs. For IDs you have to refer by # and not by . as you have done in your code. So it should be more like:

    #kt-searchcontain {
    margin-top: 50px;
}
    Thread Starter tinypinc

    (@tinypinc)

    8 years, 2 months ago

    oh wow, another new thing i learn 🙂
    Thank you so much!!! 🙂

    Takis Bouyouris

    (@nevma)

    8 years, 2 months ago

    You are very welcome! Perhaps you would like to check out some stuff on CSS basics http://www.cssbasics.com/. What you need to know for basic styling are quite simple and… fun!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘how to add padding for the shopping cart icon at the topbar?’ is closed to new replies.

Tags