Viewing 20 posts - 1 through 20 (of 49 total)
  • Author
    Posts
  • #12579
    PierreLuc3E
    Member

    Hello,
    How can I modify the Everest theme to:

    1 – remove the grey band above the Header
    2 – reduce the white space before and after the Logo
    3 – reduce the white space before and after the Featured Post Slider
    4 – reduce the white space before and after the Homepage Headline

    Thank you!

    #12600
    Sakin
    Keymaster

    @PierreLuc3E: Modifying Catch Everest Free Theme. But it depends on how you have used Catch Everest in your Theme.
    1 – remove the grey band above the Header
    — You can add the following css in “Appearance => Theme Options => Custom CSS” box.
    .site { margin-top: 0; }
    2 – reduce the white space before and after the Logo
    — You can add the following css in “Appearance => Theme Options => Custom CSS” box.

    #site-logo { padding-top: 0; }
    #hgroup-wrap { padding-bottom: 0; }

    3 – reduce the white space before and after the Featured Post Slider
    — For this I need your site URL
    4 – reduce the white space before and after the Homepage Headline
    — You can add the following css in “Appearance => Theme Options => Custom CSS” box.
    #homepage-message { margin-top: 0; }

    #12607
    PierreLuc3E
    Member

    It works well everywhere except for the space before the logo

    #12608
    Sakin
    Keymaster

    @PierreLuc3E: For site logo the following css should work.
    #site-logo, #hgroup { padding-top: 0; }

    #12616
    PierreLuc3E
    Member

    Thank you! It worked perfectly!

    #12620
    kapo_e
    Member

    Hi,
    I have the same question, but instead of eliminating I just want to reduce the padding. If I enter:
    #site-logo, #hgroup { padding-top: 5; }
    it does not change anything from the normal. ( http://www.e-kapedani.com )
    How ca i reduce the padding to only 5 or 10px?

    #12632
    Sakin
    Keymaster

    @kapo_e: I see that you have added the following css in “Appearance => Theme Options => Custom CSS” box.
    #site-logo, #hgroup { padding-top: 30px; padding-bottom: 0px;}

    You can just add the following css instead
    #site-logo { padding-top: 5px; }

    #27330
    real_makkoy
    Participant

    Hello,
    my website is http://www.makkoy.com. Above the homepage headline (Fitness made simple). I would like to remove the white space above it. So that when I change the headline background color to black, there is no white above it. Please help. Thanks!

    #27332
    real_makkoy
    Participant

    Hello, I would also like to move the last featured content “health disclaimer” to the middle. Is it possible to make that particular link smaller as well? Thanks

    #27338
    Sakin
    Keymaster

    @real_makkoy: Simply add the following css in “Appearance => Theme Options => Custom CSS” box.
    #homepage-message { margin-top: 0; }

    #27339
    Sakin
    Keymaster

    @real_makkoy: You can add the following css in “Appearance => Theme Options => Custom CSS” box to center the health disclaimer

    #featured-post #featured-post-4 {
        text-align: center;
        width: 100%;
    }
    #27340
    real_makkoy
    Participant

    Awesome! Can I reduce the size of the text “health disclaimer”?

    #27342
    Sakin
    Keymaster

    @real_makkoy: You can reduce the font as per you need and add it in “Appearance => Theme Options => Custom CSS” box.

    #featured-post #featured-post-4 .entry-title {
        font-size: 20px;
    }
    #27344
    real_makkoy
    Participant

    Thanks so much!

    #28229

    Hello Sakin,
    my website is http://www.7ideas.com.ua

    I’d like to:
    1. reduce white space above widget area on the bottom of main page and remove the grey line
    2. change color of bottom widget area into dark grey (same as very bottom of the page)
    3. Change “All rights reserved” into local language “Все права защищены”.
    4. Remove word “Search” in search bar.
    4. Add Russian language (does this theme allow this)?
    5. Make Social buttons look full-colored, they are not visible

    Thank you in advance.
    Yuliya

    #28261
    Sakin
    Keymaster

    Hello Yuliya,

    1. reduce white space above widget area on the bottom of main page and remove the grey line
    — You can add the following css in “Appearance => Theme Options => Custom CSS” box.

    .page .site-content article {
        border-bottom: none;
        margin-bottom: 0;
    }

    2. change color of bottom widget area into dark grey (same as very bottom of the page)
    — You can add the following css in “Appearance => Theme Options => Custom CSS” box.
    #footer-sidebar { background-color: #3a3d41; }

    3. Change “All rights reserved” into local language “Все права защищены”.
    — This is done by translating the theme in Russian language using ru_RU.po and ru_RU.mo file in languages directory. We are Russian language in next version update.

    4. Add Russian language (does this theme allow this)?
    — We are in the process of it. After this you can just define WPLANG in your wp-config.php file like below:
    define('WPLANG', 'ru_RU');

    5. Make Social buttons look full-colored, they are not visible
    — I see that you are just using linkedin. So, add the following css in “Appearance => Theme Options => Custom CSS” box for linkedin
    ul.social-profile li.linkedin a { background-position: -603px -43px; }

    #28313

    Sakin,
    thank you very much for your answer.

    1. did not work – pls see at http://www.7ideas.com.ua (big white space above bottom widget area)
    2. Worked great!But no menu text is grey and not visible – is it possible to change it into white?
    3. ok, thanks. In fact I wantedto change into English because the site is in Russian now. But I did now quite figured it out how.
    4. ok
    5. Great – itworks!But meanwhile I added youtube and Google+, and also plan to add Facebook next week. Would you be so kind to send a magic code for these social networks as well.

    THANK YOU IN ADVANCE!!!

    #28373
    Sakin
    Keymaster

    Hello Yuliya,

    Looks like your site id down. I cannot open it. Can you check in and reply me when your site it back live.

    Regards,
    Sakin

    #28407

    Sakin,
    now site is ok – I just checked.
    Yuliya

    #28477
    Sakin
    Keymaster

    Hello Yuliya,

    1. It’s not working as you have added php code in custom css box. You should only add css. You need to remove the following code from Custom CSS box.
    <?php qtrans_generateLanguageSelectCode($type='both'); ?>

    2. Worked great!But no menu text is grey and not visible – is it possible to change it into white?
    — You can add the following css in “Appearance => Theme Options => Custom CSS” box.
    #footer-sidebar .widget-area .widget a { color: #fff; }

    3. Sorry I don’t know what you are talking about. If you want to change the footer content then you can upgrade to pro version where you have Footer Editor Options in Theme Options panel.

    4. ok

    5. Great – itworks!But meanwhile I added youtube and Google+, and also plan to add Facebook next week. Would you be so kind to send a magic code for these social networks as well.
    — You can add the following css in “Appearance => Theme Options => Custom CSS” box.

    ul.social-profile li.facebook a { background-position: 0 -43px; }
    ul.social-profile li.google-plus a { background-position: -173px -43px; }
    ul.social-profile li.you-tube a { background-position: -87px -43px; }
Viewing 20 posts - 1 through 20 (of 49 total)
  • The topic ‘Reduce and remove empty space’ is closed to new replies.