Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #61238
    Kenta
    Participant

    Hello Sakin,
    Thank a lot for your generosity for replying to everyone.

    I would like to ask you about three questions as follows.

    (1) Height between the featured slider and page top
    → I’d like to reduce the height between the border top of featured slider to the top of the page.

    (2) Color of the circles embedded in featured slider
    → I’d like to change the default color of green(#7c9b30) to others.
    → It seems that I have no option in theme options.Please tell me the CSS part where I can change it.

    (3) gray line sitting between the featured contents and the footer on the top page
    → I’d like to erase the gray line.
    → I couldn’t find out Which part of CSS rules this line.

    My wepsite is as follows.
    http://kenta-kiyomiya.com/

    Sorry but I couldn’t find the answers by myself.
    I would appreciate your help.

    #61374
    Sakin
    Keymaster

    @Kenta: Thanks for your appreciation.
    1. To reduce the height above slider and below your header, you need to adjust the padding-bottom in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:

    #header-left { padding-bottom: 15px; }
    #header-right .widget .menu a { padding-bottom: 24px; }

    Then to reduce the height at the top of page, you need to adjust the padding-top in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:
    #masthead { padding-top: 15px; }

    2. You can change the color code in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:

    /* For slider circle color */
    #controllers a { background-color: #fff; } 
    /* For slider circle Hover-Active color */
    #controllers a:hover, #controllers a.active { background-color: #7c9b30; }

    3. To remove grey border above the footer, you can add the following css in “Appearance => Theme Options => Custom CSS” box:
    #colophon { border: none; }

    #61550
    Kenta
    Participant

    Thanks a million!
    It’s refound that you give us amazing servies.
    I’ll give it a try according to your specifications.

    #61551
    Sakin
    Keymaster

    @Kenta: Thanks for your appreciation.

    #67589
    Kenta
    Participant

    Hi, Sakin

    I had asked you before about how to redue the header height, the part above the feature slider, and then I could do so as you instructed me. Thank you.

    kenta

    #67601
    Sakin
    Keymaster

    @Kenta: Sorry I don’t understand your request. What do you mean by reduce header right. Are you trying to reduce space, height, font or width.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘①Header height, ②featured slider color, 3gray line’ is closed to new replies.