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

  • Resolved tinypinc

    (@tinypinc)


    9 years, 1 month ago

    my website: https://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)

  • 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)

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

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

    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)

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

    You are very welcome! Perhaps you would like to check out some stuff on CSS basics https://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