Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #16823
    Dudley
    Member

    Hi! A couple of swift questions:

    How can I remove the bar/text that shows up on the slider when I hover on it? I’d like to keep the nav buttons, but get rid of the dark shadow and text.

    Also, how can I move the social icons in the header down a little, they’re very high up.

    Thanks!

    #16833
    Sakin
    Keymaster

    @Dudley: Please send me your site URL and also let me know what do you mean by little. Can you be more specific.

    #16836
    Dudley
    Member

    http://melissanyc.com/

    Still a work in progress, obviously. I’d like the social icons to be centered vertically in the section that they appear in.

    I realize now I wasn’t clear about the slider, I’d like the dark bar to not appear at all, is that possible?

    #16847
    Sakin
    Keymaster

    @Dudley: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

    /* Remove Slider Text */
    #slider-wrap .featured-text {
        display: none;
    }
    /* Move Social Icon */
    @media screen and (min-width: 768px) {
    #sidebar-header-right {
        padding-top: 55px;
    }
    }
    #16855
    Dudley
    Member

    Thanks! The slider code worked, but the social icons code did not. I’ve tried different values, but they remain in the same location…

    #16870
    Sakin
    Keymaster

    @Dudley: I check in your site and see that you have added Social Icon widget in “Header Top Sidebar”. Please remove it from there and add it in “Header Right Sidebar” and then it will work fine.

    #16877
    Dudley
    Member

    Ah! That works great, thanks very much.

    One other thing – if I wanted to style the social media icons (change their color, or hover color) where would I do that?

    #16895
    Sakin
    Keymaster

    @Dudley: Social icons used in this theme is image. So, you cannot change that. You can just change either to grey or to the their original Color.

    For example, if you want your current social icon color changed from Grey to hover state then you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

    .social-profile ul li.facebook a {
        background-position: 0 -44px;
    }
    .social-profile ul li.twitter a {
        background-position: -44px -44px;
    }
    .social-profile ul li.google-plus a {
        background-position: -528px -44px;
    }
    .social-profile ul li.you-tube a {
        background-position: -132px -44px;
    }
    .social-profile ul li.flickr a {
        background-position: -440px -44px;
    }
    .social-profile ul li.instagram a {
        background-position: -704px -44px;
    }
    #16901
    Dudley
    Member

    Great, that works well. I switched them around so they’re grey on hover.

    Thank you for your help, you’ve been wonderful, and I really like the theme!

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Removing text/bar under slider, moving social icons in header’ is closed to new replies.