Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • ronron6 Friend
    #986556

    hi

    im using home-style-4 on the home page and using default on the other pages. How do i reduce the spaces on the top and bottom of the menu with out affecting the other home styles?

    thanks


    1. Screenshot-reduce-space
    Pankaj Sharma Moderator
    #986729

    Hi
    Add below code in custom.css file to reduce the padding .

    
    .com_hikashop .t3-header {
        padding-top: 10px;
    }
    .com_hikashop .t3-mainbody {
        padding-top: 10px;
    }
    

    you can change the padding value as per your needs .

    ronron6 Friend
    #986831

    hi

    this did nothing.

    what i did was this

    @media (min-width: 768px) {
    .t3-header {
        padding-top: 20px !important;
    }
     }

    my next questions are

    1. i added this code to custom.css but i doesnt work, why?
    2. i added this code to /templates/ja_jason/local/css/template.css and it worked, why? isnt the custom.css enough to provide the override for this tempalte
    3. all of the other styles got affected, i cant use them anymore because it looks disarrayed or it looks different because of the customization, how do i fix this?

    thanks

    Pankaj Sharma Moderator
    #986835

    Hi
    kindly use the code i suggested

    .com_hikashop .t3-header {
        padding-top: 10px;
    }
    .com_hikashop .t3-mainbody {
        padding-top: 10px;
    }

    it will work in custom.css >>> http://prntscr.com/d7v30k

Viewing 4 posts - 1 through 4 (of 4 total)

This topic contains 3 replies, has 2 voices, and was last updated by  Pankaj Sharma 8 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum